I'm having an issue I was hoping you all could help me with. *of course* I
have it displaying perfectly in Firefox. But I'v enow moved to IE6, and
things are totally screwy. This is a CSS thing I've never used before, but
this client's site is requiring it.
IE totally sucks. Argh! (sorry. Burst of hot air for a moment.)
Anyway, okay, I need to use the ":first-letter" pseudo-class for my links
(and other assorted header tags). As I said, in Firefox, it's doing just
great. But in IE6 (haven't checked older version yet) the first letter is
*way* smaller than the rest, and the <a> tags have completely lost their
styling and the first letter is showing up just as blue, standard links.
The code I'm using is as follows (the "top" div is where the links are
located):
#top { position:absolute;
z-index:0;
top:0px;
left:0px;
width:100%;
background:#422911;
color:#EEE2C3;
height:30px;}
a.top:first-letter { font-size:1.2em;}
a.top, a.top:link, a.top:visited {
display:block;
font-size:0.7em;
font-weight:bold;
text-transform:uppercase;
padding:0px 0px 0px 40px;
color:#EEE2C3;
background:inherit;
float:left;
letter-spacing:1px;
text-decoration:none;}
a.top:hover, a.top:active { color:#E1B766;
background:inherit;}
So why isn't IE6 rendering it properly? I have IE browsers set out with
conditional comments, and no matter what I do, it's not functioning. At one
point, I discovered if my "a" tag didn't have a class associated with it,
and I changed the "first-letter" thing to "a" directly, then it worked - but
when I tried to do
#top a:first-letter {font-size:1.2em} it went back to "not working". So it
seems I'm stuck with "all or nothing" - which drives me berserk.
If I need to upload everything, I can do that so you all can take a peek,
too - it's just not online yet, so let me know.
Any help would be appreciated.
~Shelly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
