Menu mit Bildern

[Throndorin]

Hallo

http://neudesign.amatöne.de/

ich habe im moment das Beispiel von Selfhtml weil es in etwa der Struktur entspricht die ich gerne hätte.

Das Problem


ich brauche für jedes element ein extra Icon welches dann noch bei hover geändert ist und bei aktiv

hat jemand einen guten Tip wie ich anfangen muss?

macht es noch Sinn das über listen zu realisieren?

Throndorin

 

[neuroleptika]

ul#Navigation a {
background-image: url (bild1.png);
}

ul#Navigation a:hover,
ul#Navigation a:active {
background-image: url (bild2.png);
}

Ich vermute aber du meinst mit active etwas anderes.
:active wirkt nur im Moment des anklickens.
Wenn der Menüpunkt auch nach dem Laden hervorgehoben werden soll, musst du in der neuen Seite etwas verändern:
z.B:
html

<li>
<strong>Home</strong>
</li>

css

ul#Navigation a:hover,
ul#Navigation strong {
 background-image: url (bild2.png)
 }

 

[prm]

Sieh dir mal hier die Anleitung Ziffer 2 an: Link-Buttons

Wenn du dann noch den link der jeweils geöffneten Seite hervorheben willst (ist nicht active), dann kombiniere das mit dieser Anleitung: Link der geöffneten Seite hervorheben
Soll das ebenfalls immer ein anderer Grafikbutton sein, müsstest du entsprechend viele #aktuell1, #aktuell2 usw. definieren.