TABLE example

can someone post an example for me. i am trying to do something like this:

http://athletics.ucsd.edu/roster/index.php?id=21

and i can do it w/ html. but if you go to view->text size-> larger, it won't look right anymore since some of the text is too long and wraps to the next line making the table not uniform. so i was wondering how this person did this. thanks!

"This person" didn't do it. If you increase the font size on your referenced site, it breaks, too. Actually, it's broken anyway.

At heart, the layout is banner + two columns + footer. Pretty simple, really. Just size the elements in em units, and don't make images an integral part of the design, and it will grow with the font size.

cheers,

gary

oh really. that's odd, b/c on my browser, it does not change at all. but for my own code:

<table width=650 border=0 cellspacing="0" cellpadding="2">
<TR bgcolor="#000080">
<TD WIDTH=150> <font face="arial" color="#FFcc00"> <b> NAME </b> </font></TD>
<TD WIDTH=10> <font face="arial" color="#FFcc00"> <b> GR. </b> </font></TD>
<TD WIDTH=125> <font face="arial" color="#FFcc00"> <b> EVENT </b> </font></TD>
<TD WIDTH=175> <font face="arial" color="#FFcc00"> <b> COMPANY </b> </font></TD>
<TD WIDTH=190> <font face="arial" color="#FFcc00"> <b> OCCUPATION </b> </font></TD>
</TR>


it changes. can css be used to format a table like this? if so, how? thanks.

I guess you're using an obsolete browser. Some legacy browsers don't enlarge text if its font size is defined in points or pixels. As you can see from the attached screencap, the page does indeed break when fonts are enlarged.

As a side note, the author of the page calls for 8pt type, which is below the threshhold of legibility on Mac monitors (due to Macs 1:1 relation between points and pixels). Stupid.

Opera zooms the page rather than enlarge/reduce text only. The user may set his own min/max/default font-size in the local stylesheet.

Mozilla/Gecko family enlarges/reduces text size dynamically. Local stylesheet also offers text size control.

Other modern browsers offer the user similar controls. The web author has no control. You can suggest, but you don't have final say, the user does.

cheers,

gary