[thelist] some css issues

Sarah Sweeney mr.sanders at designshift.com
Thu Dec 9 09:57:05 CST 2004

> .big_dot {color: #C00;font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
> font-size: 36px; padding-left: 20px; padding-right: 20px }
> .logo {padding-left: 20px; vertical-align: middle;}
> .top {vertical-align: middle; align-text: right;}
> .topmenu {color: #FFF;font-family: "Trebuchet MS", Verdana, Arial,
> Helvetica;font-weight: bold;font-size: 14px;text-transform:
> uppercase;text-decoration: none;text-align: center;}
> <table width="750" cellspacing="0" cellpadding="0" border="1">
> 	<tr>
> 		<td class="logo"><img src="images/logo.gif" height="22" width="159"
> border="1"></td>
> 		<td class="top"><a href="#" class="topmenu">series</a><font
> class="big_dot">.</font><a href="#" class="topmenu">line</a><font
> class="big_dot">.</font><a href="#" class="topmenu">healer</a><font
> class="big_dot">.</font><a href="#" class="topmenu">order</a></td>
> 	</tr>
> </table>

Your big_dot class is making periods that are 36 pixels in size, so the 
line-height of these dots is going to be even more than that - this is 
going to make your entire table taller than 22 pixels. Maybe you should 
just use an image rather than a big dot.

Sarah Sweeney  ::  Web Developer & Programmer
Portfolio  ::  http://sarah.designshift.com
Blog  ::  http://hardedge.ca

More information about the thelist mailing list