[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