display block AND list-style (image)

**Gilligan** · 04-04-2008, 11:03 AM

It seems that as soon as I add display:block; to a li element, the list-style-image disappears.

Is this supposed to happen? If so, how can I resolve it?

**wayfarer07** · 04-04-2008, 11:06 AM

I think you have to put a margin on the left edge to make it show up.

**Gilligan** · 04-04-2008, 11:14 AM

Add margin to which element

**serandfae** · 04-04-2008, 12:16 PM

Let's have a link or the code. How are you putting the image in? You usually put the image in as a background image with a no-repeat where you have it displaying as block, not as list-style-image.

tim

**wayfarer07** · 04-04-2008, 12:19 PM

a margin on the <li> element. This should be done in the CSS of course:

Code:

 ul li {margin-left: 15px}

Of course, this margin will need something to push against, and serandfae is probably correct about using background images instead of list-style-image. This is how I handle it in many cases, in fact, because there is more control over backgrounds anyway...

**Gilligan** · 04-04-2008, 12:24 PM

yeah, i just realized I should of used a background image for it. Changed that now, everything working