[thelist] some css issues
evolt at mccullough-net.com
evolt at mccullough-net.com
Thu Dec 9 08:59:27 CST 2004
I'm having a bit of an issue with with one of my css sytles blowing out a
table.
The table should be height 22, and is until I put this one section.
Before:
##############################################################################
.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><a href="#"
class="topmenu">line</a><a href="#" class="topmenu">healer</a><a href="#"
class="topmenu">order</a></td>
</tr>
</table>
##############################################################################
After:
##############################################################################
.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>
##############################################################################
----------------------------------------------------------------
This message was sent using IMP, the Internet Messaging Program.
More information about the thelist
mailing list