Ik heb een simpele list, die ik horizontaal wil hebben:

Code:

html
<ul>
<li>voorbeeld</li>
<li>voorbeeld</li>
<li>voorbeeld</li>
</ul>

<div class="clear"></div>

css
ul {
    margin:0;
    padding:0;
    list-style-image:url(plaatje.gif);
}

li {
    padding:5px 30px 5px 30px;
    margin:0;
    float:left;
}

.clear { clear:both; }

nu is het zo dat zonder de float:left (dus gewoon een verticale list) ik de list-style-image gewoon te zien krijg (in IE6, IE7 en Firefox). Voeg ik echter de float:left toe dan zie ik in Firefox nog wel gewoon de list-style-image, maar in zowel IE6 als IE7 helemaal niks.

Iemand een idee om dit op te lossen?

Ik heb ook altijd ruzie met ie en ff wat betreft list-style. Wat ik gewoon doe is list-style op none zetten, en dan in het script een afbeelding er voor zetten, dan werkt het altijd in de browsers

(Je moet denk ik even je naam aanpassen, anders word je waarschijnlijk verwijderd. Er moet altijd een voornaam, of achternaam in zitten)

dit is gewoon zo...

zet je image als achtergrond..

Code:

    padding:5px 30px 5px 30px;
    margin:0;
    float:left;
    list-style:url(plaatje.gif) no-repeat;

probleem is opgelost dmv een background-image :)

Origineel gepost door Cédric Siroux

dit is gewoon zo...

zet je image als achtergrond..

Code:

    padding:5px 30px 5px 30px;
    margin:0;
    float:left;
    list-style:url(plaatje.gif) no-repeat;

dit moet natuurlijk background:url(plaatje.gif) no-repeat; ipv list-style zijn!