Navigationspunkte mit Symbolen

[Anja]

Hallo!

Ich würde gerne eine vertikale Navigation machen, wo vor jedem Navigationspunkt auch ein Symbol ist. Kann man das mit einer vordefinierten Navigation realisieren?

Danke und schöne Grüße,
Anja

[planepix]

Hallo Anja,

das kannst Du mit CSS und einem positionierten Hintergrundbild realisieren. Für alle Menüpunkte die gleiche Grafik?

Für das Listenelement z.B.:

.mod_navigation li
{
margin:0;
padding:0 0 0 20px;
background:url(tl_files/nav_arrow.gif) no-repeat left 50%;
}

[Anja]

super danke! ja immer die gleiche grafik!

lg anja

[Anja]

kann ich da auch definieren, dass es mir die grafik hinter dem text anzeigt anstatt vor dem text?

[planepix]

ja das geht auch.
Dann kein padding für links, also:

padding:0;

und die Grafik dann in x-Richtung wiederholen lassen:

background:url(tl_files/background.gif) repeat-x left 50%;

Hängt dann von der Grafik ab, wie die Positionierung am besten ist.

[Anja]

dankeschön!