images per CSS definieren (ohne Block-Element?)

[Marc]

Hallo Fux und Jens,

Auf die CSS Eigenschaft before: wurdest du ja schon
hingewiesen. Das funktionierte jedoch nicht in allen Browsern,
(IE 5, und 6, und 7) deshalb gibt es diesen Workaround.

Mein CSS:
»»~~~css

.linkArrow {

background-image: url("/img/arr_link4.gif");
  width:5px;
  height:8px;
  margin-right:4px;
}

  
Aber genau das macht in eben den IEs neue Probleme, wenn der Link am Anfang der Zeile beginnt und umbricht. - Da Links in (normalen) Menüs immer am Anfang der Zeile beginnen, spricht gegen einen Einsatz in einem Menü.  
  
Dennoch würde ich das anders aufbauen - wozu die Klasse, die auch noch dämlich benannt ist?  
  
Gerade wenn man CSS mit dem Wunsch eines späteren Redesign einsetzt? - Was willst Du mit einer Klasse linkArrow, wenn das Redesign einen Punkt oder ein Quadrat an dieser Stelle vorsieht? Dann hat man eine Klasse linkArrow, die dafür sorgt, dass Punkte erscheinen - doof oder?  
  
Tipp: Immer logische Namen wählen!  
  
Und warum überhaupt dem Link das Hintergrund-Bild verpassen?  
  
In einem Menü benötigt man nur sehr selten Klassen. I. d. R. reicht eine verschachtelte Liste und die erste Ebene bekommt die id nav. Hier mein Code:  
  
HTML:  
  
~~~html
  
<ul id="nav">  
  <li><a href="#">Link</a></li>  
  [usw...]  
</ul>  

CSS:

  
ul {  
  list-style-image:url([Dateiname])  
}  

Mehr braucht man doch gar nicht?

Versuchs mal damit, das Block-Element <div> ist hier
völlig überflüssig.

Wie so vieles andere auch...

Viele Grüße,
Marc.