Navigation mit verschiedenen Icons vor jeweiligem Menüpunkt

[Truller500]

Hallo,

ich möchte eine Navigation mit verschiedenen Icons vor dem jeweiligem Menüpunkt erstellen.

Es sollte sich in diesem Fall sicherlich per CSS lösen lassen.
Allerdings scheitern meine ersten Tests kläglich... :-(

.mod_navigation a.home:before {
content: url(files/gfx/home.png);
}

Hat jemand einen Tipp?

[dazzle89]

Wir brauchen einen Link zur Seite oder mehr Code von dir. Sonst kann man nur raten. Vielleicht ist z.B. der Pfad falsch (könntest du mit den Entwicklertools deines Browsers überprüfen).

[alexgr]

content: url(files/gfx/home.png);

Das ist ein relativer Pfad. Wie überall sonst in CSS startet der auf der Ebene, in der die CSS-Datei liegt. Das heißt wenn die CSS-Datei z. B. in files/css oder durch Zusammenfassung mit anderen in assets/css liegt, wird daraus /assets/css/files/gfx/home.png. Dem kannst Du begegnen, indem Du den Pfad absolut angibst, mit führendem "/":

    content: url(/files/gfx/home.png);

[Truller500]

yo, das war mein Fehler...
Besten Dank!