Sent by francky on 12 January 2006 03:03
Design Groups wrote:
>...
>I have some of my list items set with the bullets replaced by an image. In IE - and in IE *only* -
the images will appear and disappear. Sometimes they load fine the first time, but if you open a
screen of any kind over the browser window, they disappear. If you reload, they come back.
Sometimes when you load the first time, half of them show up - the other half are gone - but a
reload brings them back. It's very random.
>
>I'm wondering if I can do something in my CSS to prevent this from happening - or if it's just an
IE bug? (then they'll just have to live with it.)
>
>My list code (as I said, specific to these bullets - so what you see is what it is):
>
>#left ul { margin:0 20px 0 20px;
> width:150px;}
>
>#left li, #subhead_left li, #subhead_right li {
> list-style-image:url("../images/arrow.gif");
> font-size:0.9em;
> color:#222;}
>
>Would it help if I got rid of the list-style-image things and just said "none" and went the
background route? Is it that I didn't specify list-style-type as none first? Or, is it just
another reason to validate the fact that IE sucks?
>
>Any help would be appreciated. :)
>~Shelly
>
Hi Shelly,
As far as I know, the used DOC-type can have reasonable influence on the
presentation of list-items with self made bullets.
My experience is that all browsers use their own definition for the
position of a replaced bullet. Vertical position is often different
(depending of the image-format, line-height, and so on). Especially they
are different at enlarging the fontsize clientside. Therefore I'm using
allways the bg-route to get things cross-browser.
Tried your code plus the bg-thing in this testpage
<http://home.tiscali.nl/developerscorner/css-discuss/foolish-li.htm>.
And, aha, with background bullets IE doesn't let the bullets disappear.
But I can validate IE sucks!
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/