Screenresolution??

admin

Administrator
Staff member
Hello,<br />
<br />
Can somebody help me? I'm building a website where I use some tables in it. <br />
<br />
Is there some code thato adjusts this table when I change my screenresolution?<br />
<br />
Thnx Terror<!--content-->You can substitute width and height values as percentages.<br />
Example:<br />
width=80%<br />
height=80%<br />
This will render a 640 x 480 table on an 800 x 600 screen, an 819 x 614 on a 1024 x 768 screen.<!--content-->I tryed that but it still doesn't resize.<br />
<br />
I'm running at 1024*768 and when I set my resolution too 800*600 my table is too large and breaks out of my screen so...<br />
<br />
Can you please help me??<br />
<br />
Grtz<!--content-->That means that either the content in your table is too big (images?) or that you have set the width of your table manually somewhere...<!--content-->Yes their is an image in.<br />
<br />
But is their any way to resize my table (and al it's content)???<br />
<br />
<br />
I already experimented a little with Javascripts, but it doesn't work (a least not with me ;) )<br />
<br />
<br />
Grtz<!--content-->Please post some code...<!--content-->>That means that either the content in your table is too big (images?)<br />
<br />
Is there a way to get the images to auto-scale and size-adjust when the page is opened in all the different page display resolution settings people can set that vary from those of the page author?<!--content-->Here is my code:<br />
<br />
<br />
<div align="center"><br />
<p>&nbsp;</p><br />
<p>&nbsp;</p><br />
<table width="76%" border="0" align="center"><br />
<tr> <br />
<td width="19%" height="39">&nbsp;</td><br />
<td width="30%" height="39">&nbsp;</td><br />
<td width="31%" height="39">&nbsp;</td><br />
<td width="20%" height="39"> <br />
<p align="center"><font color="#027FFF"><b><font size="5" face="Century Gothic"><a href=http://www.webdeveloper.com/forum/archive/index.php/"Netwerkbeheer.htm">NETWERK<br><br />
BEHEER</a></font></b></font></p><br />
</td><br />
</tr><br />
<tr> <br />
<td width="19%" height="48"> <br />
<div align="center"><font face="Century Gothic" color="#027FFF"><b><font size="5"><a href=http://www.webdeveloper.com/forum/archive/index.php/"Netwerkimplementatie.htm">NETWERK <br />
IMPLEMENTATIE</a></font></b></font></div><br />
</td><br />
<td width="30%" height="48">&nbsp;</td><br />
<td width="31%" height="48">&nbsp;</td><br />
<td width="20%" height="48">&nbsp;</td><br />
</tr><br />
<tr> <br />
<td width="19%">&nbsp;</td><br />
<td colspan="2"> <br />
<div align="left"><img src=http://www.webdeveloper.com/forum/archive/index.php/"Falcon%20Logo.jpg" width="333" height="213"></div><br />
</td><br />
<td width="20%"><font color="#027FFF" size="5"><b><font face="Century Gothic"><a href=http://www.webdeveloper.com/forum/archive/index.php/"Automatisering.htm">AUTOMATISERING</a></font></b></font></td><br />
</tr><br />
<tr> <br />
<td width="19%" height="55">&nbsp;</td><br />
<td width="30%" height="55"><font color="#027FFF"></font></td><br />
<td width="31%" height="55">&nbsp;</td><br />
<td width="20%" height="55">&nbsp;</td><br />
</tr><br />
<tr> <br />
<td width="19%" height="79"><br />
<div align="center"><font color="#027FFF"><b><font size="5" face="Century Gothic"><a href=http://www.webdeveloper.com/forum/archive/index.php/"Softwaredevelopment.htm">SOFTWARE <br />
DEVELOPMENT</a></font></b></font></div><br />
</td><br />
<td width="30%" height="79">&nbsp;</td><br />
<td width="31%" height="79">&nbsp;</td><br />
<td width="20%" height="79"><font color="#027FFF"><b><font size="5" face="Century Gothic"><a href=http://www.webdeveloper.com/forum/archive/index.php/"Internet.htm">INTERNET</a></font></b></font></td><br />
</tr><br />
</table><br />
</div><!--content-->Hi Terror...<br />
<br />
for simplicity sake alone, I would:<br />
<br />
1) eleiminate the Table width setting<br />
<br />
2) eliminate all of the column width settings AFTER the first row<br />
<br />
3) remove the image from the page until you have the widths working properly<br />
<br />
then try it again and see how it works (sorry... i didn't test your table... but i see <br />
that you are unnecessarily overusing the width attribute, and that can sometimes cause conflicts).<br />
<br />
the advice that i'd really like to give is to tell you to dump the table and use CSS <br />
for page layout instead (but you asked for a table solution... so I will respect that).<br />
<br />
try it and see how it looks...<br />
;) k<!--content-->>>Here is my code: <br />
<br />
(which I find to have the basic architecture as follows:)<br />
<div align="center"><br />
---------- <br />
<p> </p> <br />
<p> </p> <br />
<table width="76%" border="0" align="center"> <br />
<br />
<tr></tr> <tr></tr> <tr></tr> <tr></tr> <tr></tr> <br />
<br />
</table> <br />
</div> <br />
_________<br />
Not to criticize, I want to learn here too,...<br />
The page seems to display (for me locally at least with 800x600px and 19inch monitor) with the central image and content all shifted to the right and the periphery content seems to need wider margins. the 'automatseiring ' link that abutts the central image too closely was sliced on my resolution and I had to scroll over to read it.<br />
<br />
Since I tend to avoid the use of tables in general, I am wondering why you do not just use css styled <p> tags instead of all the tables and rows?<br />
With CSS which is not so difficult to learn, it may be easier for you.<!--content-->I will try with CSS<br />
<br />
I let you people know the result :)<br />
<br />
Thanx for all your help<br />
<br />
<br />
Grtz Terror<!--content-->
 
Back
Top