Previous Message
Next Message

Float list problem

Sent by Susan Tilley on 11 December 2004 21:09


http://testbed.astreetweb.com/floattest.html


>> In Moz, everything displays properly. But in IE and Opera, the image 
>> displaces the list bullets and floats on top of/between the bullet and 
>> list item. 
  Thorsten wrote:

> try removing the arrow as a background image and edit your
> 
> "list-style:none;" to say "list-style: url(/images/global/arrow.gif);"
> 
> for your unordered list (<ul>)
> 
> setting a custom image for <li> elements as the bullet graphic is 
> achieved by above code, there's no need to use a background image :^)

Thanks Thorsten.
  I tried it and it seems to be working except that the 
bullets are outdented.

  In trying to fix,  I took out the marginns and padding. I 
added margin-left back in to the li element and that align 
the bullets correctly in Moz. Nothing seems to budge the 
bullets in IE. It's "okay....but" . Prefer to have the 
bullets in the "right" place.

Any more ideas?
Thanks
Susan

______________________________________________________________________
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/
Previous Message
Next Message

Message thread:

Possibly related: