On 15 Nov 2005, at 5:15 pm, Mark Batty wrote:
> The objective is to use an image marker for the list items and if
> images are
> not available or turned off I want a default marker (e.g. disc) to be
> used.
>
> I can make this work easily if I move the image into the ul style with
> list-style-image; however I then have positioning issues with lining
> up the
> images. I'm using a technique above that sets the image on each list
> item
> which ensures that it lines up correctly across browsers.
>
> Anyone know how I can still get a default marker with the above (or
> similar)
> technique?
You possibly can do it, but it would probably be a hell of a time to
position things correctly:
ul {
list-style:square;
margin-left: xxem /* indent list items for edge of box */;
padding-left: 15px /* size of image*/
li {
background url(image.gif);
padding-left: xx px /* adapt to image */
margin-left: -15px /* matching padding-left on the ul */
}
Then use a non-transparent image; maybe it will cover up the
list-marker.
Untested.
Philippe
---
Philippe Wittenbergh
<http://emps.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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/