images per CSS definieren (ohne Block-Element?)

[Fux]

Hallo Martin,

schön, dass Du nochmal vorbei geschaut hast!
Dann machen wir mal weiter.

Hallo,

inline-block wäre die Lösung gewesen (hab ich auf selfthtml-Seite für display nicht wahrgenommen).
Jedoch, jetzt hab ich den Ehrgeiz entwickelt, valide zu codieren.

was ist an inline-block invalide?

Ich meinte das div im a.

Damit hab ich mein Image unter dem Linktext liegen nicht links davor!

Nein. Den Linktext hältst du dann mit padding-left auf Abstand

Ja, sorry, dass padding hatte ich übersehen, hätte es mal mit kopieren versuchen sollen  ;-)

Ja, list-style-icon wird an die Kindelemente vererbt.

Ja, korrekt! Nochmal sorry, hatte falsch gecodet (class/id).

Bin nochmal an den Code gegangen.
http://ai-ti.net/test/images_im_CSS_definiert.html

Meine Lösung sieht jetzt so aus:

  
a.linkIcon {  
  background: url("/images/arr_link_blau.gif") no-repeat left center;  
  padding-left:9px;  
}

padding-left ergibt sich aus der Image-Breite + 4px Leerspace, den ich davor haben will.

Das display:(inline-)block bei Deiner Lösung verhindert, dass ich das Image vertikal mit background-position ausrichten kann.
Das geht wohl indirekt über height, aber da hab ich wieder eine unschöne Beziehung zur Schriftart die an der jeweiligen Stelle verwendet wird.
Oder wie hast Du Dir das gedacht?

Gruß, Robert