CSS Frage

Ich habe eine Menue
Beispiel
<div class="Rubrik" id="menu">
<a href="index.html"> Startseite</a>
<a href="index.html"> Seite 1</a>
<a href="index.html"> Seite 2</a>
<a href="index.html"> Seite 3</a>
</div>

Meine Frage vor jedem Wort soll ein icon bzw Bild erscheinen es ist ein kleines Dreieck, zur zeit habe ich das Bild in jeder Zeile eingefügt, geht das nicht auch in CSS das ich dort festlege das, das Bild z.B. vor dem Wort Startseite, Seite 1 u.s.w. ist.



MFG
Lady Pinky

 

"vor" geht nicht, aber "hinter" - d.h. du kannst ein "background-image" auf den <a> Tag legen. Nachteil: du brauchst Leerzeichen vor dem Menüpunkt, was u.U. unschön mit anderen Formatierungen aussieht.

 

Danke dann lasse ich es so wie es ist.

 

Als UL-Liste ?

Code:

<div class="Rubrik" id="menu">
<ul style="list-style-image:url(dreieck.gif); font-size:16px;">
<li><a href="index.html"> Startseite</a></li>
<li><a href="index.html"> Seite 1</a></li>
<li><a href="index.html"> Seite 2</a></li>
<li><a href="index.html"> Seite 3</a></li>
</ul>
</div>

Das ganze sieht dann so aus:
Beispiel

 

Sieht doch super aus! Schade, dass PinkyBrain es aufgegeben hat.

 

...was am Ende aber andere Tags sind, die nicht zwangsweise zur Zielvorgabe passen müssen.

 

Aufgegeben habe ich natürlich nicht ich bin immer auf der suche nach Möglicheiten etwas zu vereinfachen, und hier sind nun mal die Profis mit den praktischen Erfahrungen.

Danke euch ich habe die Möglichkeit gleich umgesetzt.


Merci

MFG
Pinky