The stylesheet goes crazy on this page-
<HTML>
<HEAD>
<TITLE>Twisted Port</TITLE>
<LINK HREF="twisted.css" REL=STYLESHEET TYPE="text/css">
</HEAD>
<BODY>
<TABLE width=140px cellspacing=0 cellpadding=0 align=right border=0>
<TR>
<TD>
<TABLE border=0 width=100% cellpadding=6 cellspacing=1>
<TR height=16 valign=middle>
<TH CLASS="navHead">Lorem Ipsum</TH>
</TR>
<TR valign=top>
<TD CLASS="rightnavbod">Lorem ipsum dolor sit amet, <A href="#">consectetaur adipisicing elit</A>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
--- check out the following quirks:
-=-> when the style is embedded on the table or on the page, the styles work fine.
-=-> when the stylesheet is like the first one it works fine.
-=-> when the stylesheet is like the second one, it don't work
-=-> it just takes the stylesheet info from the TD style and runs with it, no paying any attention to the "rightnavbod" class.
Here the stylesheet that works:
--twisted.css---------------------
.navhead {font-size:11px;color:#FFFFFF;background-color:#2B4C66;font-family:"Verdana";}
.rightnavbod {text-indent:9px;color:#CCCCCC;background-color:#2B4C66;text-align:justify;}
.rightnavbod a{color:#FFFFFF;font-family:verdana;font-size:9px;text-decoration:none;}
Here's the one that don't:
--twisted.css--------------------
a,TD a{color:#FFFFFF;font-family:verdana;font-size:9px;text-decoration:none;}
a:hover,TD a:hover{color:#FFFFFF;font-family:verdana;font-size:9px;text-decoration:underline;}
b,TD b{color:#333333;font-family:verdana;font-size:9px;}
p,TD p{color:#333333;font-family:verdana;font-size:9px;}
h1 {font-size:16px;color:#000000;font-family:"Verdana";}
h2 {font-size:14px;color:#000000;font-family:"Verdana";}
h3 {font-size:12px;color:#000000;font-family:"Verdana";}
h6 {font-size:10px;color:#000000;font-family:"Verdana";margin-bottom:0;}
TD {font-size:9px; color:#0000FF;font-family: "Verdana";}
TH {font-size:9px;color:#FFFFFF;font-family: "Verdana";}
.headbox {color:#CCCCCC}
.headbox a{color:#FFFFFF;font-family:verdana;font-size:9px;text-decoration:none;}
.headbox a:hover{color:#FFFFFF;font-family:verdana;font-size:9px;text-decoration:underline;}
.uptop{color:#9900CC}
.uptop a{color:#0000FF;font-family:verdana;font-size:9px;text-decoration:none;}
.uptop a:hover{color:#00FFFF;font-family:verdana;font-size:9px;text-decoration:none;}
.bodsubhead{color:#333333;font-family:verdana;font-weight:bold}
.maintext {font-size:9px;color:#333333;font-family:"Verdana";}
.footer {font-size:9px;color:#333333;font-family:"Verdana";}
.lpl{color:#0000FF;font-family:verdana;font-size:9px;text-decoration:none;}
.lpl:hover{color:#FF0000;font-family:verdana;font-size:9px;text-decoration:underline;}
.navhead {font-size:11px;color:#FFFFFF;background-color:#2B4C66;font-family:"Verdana";}
.navsubhead {font-size:9px;color:#000000;font-family:"Verdana";font-weight:bold;}
.bodhead {font-size:11px;color:#C19732;font-family:"Verdana";text-indent:10px;}
.bodsubhead {font-size:11px;color:#000000;font-family:Verdana";font-weight:bold;}
.rightnavbod {text-indent:9px;color:#CCCCCC;background-color:#2B4C66;text-align:justify;}
.rightnavbod a{color:#FFFFFF;font-family:verdana;font-size:9px;text-decoration:none;}
*************************
Now, if life were peaches and cream, I could simply delete the lines and everything would be fine, but I can't because the rest of the site would fuck up. Also, when I simply delete the TD{} line, I get no formatting in the table whatsoever.
Anyone have any idea what I could do?
{Edit} sorry 'bout the big ol' post, I'll "outsource" it when I get back tonight...
Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342
[This message has been edited by Petskull (edited 08-30-2002).]
posted 08-30-2002 22:36
