> That would be a selector for any LI in a UL of class "video". Here's the
> html I was trying to work with:
>
> <ul>
> <li class="video">Something about a video</li>
> <li class="book">Something about a book</li>
> <li class="web">Something about a web site</li>
> <li class="pdf">Something about a pdf document</li>
> </ul>
>
> I wanted to have the bullets have icons relevant to the subject matter. In
> addition I wanted the entire list to have some padding and such. I didn't
> want to have to create/assign any new classes/IDs or create new structural
> code like adding a DIV around the whole thing.
Have you looked into using a dt with several dd's? It might fit your semantic model a bit better.
> While the icons for the bullets was easy, they ended up not looking good
> because the control over size and placement of list-style-image is
> non-existant. On IE they were crammed up against the text and placed too
> high and on Netscape/Mozilla they were placed fine but the 16x16 icon was
> getting cropped to something smaller.
Probably to the hight of the line.
> Ah well. It's done now. With tables. AND with proper alt-text on the
> images which is impossible with the CSS approach.
If the images are supposed to convey a message, they are not part of the layout, but of the content. In that case, CSS is not the best option indeed.
Jochem
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
