[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