From: "Shelly @ WDG" <[EMAIL PROTECTED]>
>>>Is the #top element a div<<
>
>yes.
>
>>>#top a:first-letter might work. <<
>
>tried it - it doesn't. I even tried #top a:first-letter {} and all kinds of
>other variations, still no go.
>
>>>does the element identified with "top" actually have a class attribute of
>>>"top" instead of an ID?<<
>
>nope - it's an ID
>
>I *do* have anchor tags, which are the class of "top". So the actual markup
>looked like so:
>
><div id="top">
><a class="top" href="#">shopping cart</a>
><a class="top" href="#">how-to's</a>
><a class="top" href="#">contact us</a>
></div>
>
>I'd upload, but the client has since changed her mind and wants to go the
>"image" route instead - but if there's anything anyone knows about this
>issue in IE, I'd *love* to hear about it. I've seen a few sites where the
>:first-letter thing works fine, even in IE, but for some reason I just can't
>seem to get it to work with what I have. From all references I've seen,
>though it *should* work - and now my curiosity is piqued and I want to know
>why it won't.
>
>Anyway, the point is "moot" for this site now (and they wanted me to move
>along and forget about it) but for future reference, I guess I'd just like
>to know if it's just an issue with IE, and if it's not, then is it *really*
>particular about how you use it? What are the rules, exactly? I found
>several sites on it, but the jargon and such that were used were above my
>head ;)
Since you replied only to me, I've sent the copy of your reply, and my further
answer back to the list in case anyone else is looking for information on this.
From the specs -
"The :first-letter pseudo-element must select the first letter of the first
line of a block... " and
"The :first-letter pseudo-element applies to block, list-item, table-cell,
table-caption and inline-block elements."
So, when you tried to get it to work on anchors, which are inline elements, it
wouldn't work. #top:first-letter, even with your anchor construction, would
work, except that it would have only affected the first letter in the
(assuming) first anchor of the div, and not done anything with the rest.
I tried putting those anchors in a list, and then applying :first-letter to the
LIs, and that worked (LIs are block elements). So, even though it's now moot,
there are some options that will make it work, not the least of which is using
:first-letter on the correct element-type in the first place. I learned
something too...
Hope that helps,
~holly
______________________________________________________________________
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/
