Gunlaug Sørtun wrote: > Philippe Wittenbergh wrote: > >>> <http://www.gunlaug.no/tos/moa_43.html> > >> Works as well in Fx 3. You could improve it: set the generated >> content to display:inline-block and give it a small margin-right. > > This will improve bullet positioning in much older Geckos too, when > the > right -mos- replacement for 'inline-block' is added.
That would be -moz-inline-box or similar. This might be a problem though. Those don't really behave as inline-block. A quick test using - moz-inline-box caused Gecko 1.8.x to display the bullet on its own line. Not exactly what you want :-) Luckily, those older Gecko's are disappearing, except for older OS. Otoh, in the more simple situation from the OP (one line list-items), just leaving the generated content to default (inline) and using a little bit of padding will work. >> The alternative, more cross-browser friendly way (aka, support for >> old IE): set the <a> to display:block, give it some padding-left and >> fill it with a background-image that changes on hover. > > Ideally I'd use such a "sprite" solution only as an addition/ > alternative > for older IE, since images can't be resized along with text. The > perfect > IE-fix is one that simply doesn't work outside old IE, and therefore > becomes obsolete along with those older versions :-) Oh, I don't disagree here. Using generated content has a lot to go, if you want a simple type of bullet. More decorative list markers are unfortunately still a graphics thing (unless SVG can be used ! Hmm, inline SVG, yumyum). Thing is, most people have problems with all that code forking :-). > FWIW: I've also noticed that when text size is changed in browser, IE8 > only resizes the generated content (the bullet in this case) and > corrects its line box and thereby its visual position, after a reload. > We can note this down as a bug in IE8. Noted. Another one of those pesky little things. Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
