✔ Liste (ul, li): Unterpunkte mit anderer Grafik als oberste Ebene

[acquire]

Hallo zusammen,

ich habe leider bisher nichts passendes hier oder im Netz gefunden.

Mit dem nachfolgenden Quellcode versuche ich ohne die Anwendung von Klassen oder IDs Unterpunkte (weiterer UL nach einem LI) mit einem anderem Bild zu versehen.

Dies funktioniert im IE (auch mit ul li ul li), jedoch nicht im konformen Firefox.
Wie setzte ich das nun um, sodass es funktioniert?

<style type="text/css">
<!--
li{
list-style-image: url(li.gif)
}
ul li li{
list-style-image: url(lili.gif)
}
-->
</style>

<ul>
<li>Unordered list item</li>
<li>Unordered list item</li>
<ul>
<li>Unordered sub-list item</li>
<li>Unordered sub-list item</li>
<li>Unordered sub-list item</li>
</ul>
<ul>
<ul>
<li>Unordered sub-sub-list item</li>
<li>Unordered sub-sub-list item</li>
<li>Unordered sub-sub-list item</li>
</ul>
</ul>
<li>Unordered list item</li>
</ul>

Ich verstehe gar nicht, dass scheinbar noch keiner das Gleiche Problem hatte.

Vielen Dank für eure Aufmerksamkeit.

Gruß, acquire

 

[Maik]

Hi,

eine Liste mit Unterpunkten wird auf diese Weise ausgezeichnet:

<ul>
    <li>item 1
        <ul>
            <li>subitem 1.1</li>
            <li>subitem 1.2</li>
        </ul>
    </li><!-- end item 1 -->
    <li>item 2
        <ul>
            <li>subitem 2.1</li>
            <li>subitem 2.2</li>
            <li>subitem 2.3</li>
        </ul>
    </li><!-- end item 2 -->
</ul>

Dann funktionieren auch die gezeigten CSS-Regeln im Firefox.

 

[acquire]

Erledigt!

Danke.

Habe meinen Fehler gefunden:

Ich habe beim CSS Code den Fehler gemacht "ul li li" zu schreiben, wohingegen es "ul ul li" heißen muss.