|
Posted by dorayme on May 1, 2008, 1:24 am
Please log in for more thread options
> > When I use image as a bullet within LI element I have different image
> > positioning results in Firefox and IE6. IE6 puts the image on top and
> > far from left LI's border. Firefox puts it nicely in the middle and
> > very close to left border.
> > How do I control bullet image positioning?
>
> You can't. The spec just tells browsers to put the bullet somewhere
> sensible (for list-style-position: outside) outside the LI's principal
> block box.
>
> However it sounds from your description like there may be floats
> involved, which is a different can of worms.
>
> > Please advise a nice hack.
>
> I only advise nasty hacks.
<g>
How about a really friendly nice hack. A table! Bullet in one col, item
in the next, row by row, happily down.
And, guess what, some lists (perhaps all) are tables in their essential
semantics - so it is not even a hack. If you have an appropriate image
for each item, different is best, pregnant with meaning is better still,
then Bob can still be your uncle on the semantic front.
--
dorayme
|