Bild in Aufzählung (<img> in <li>)

[Gernot Back]

Hallo OLZU,

» ein DIV sparen. Um das Bild trotzdem unter die Menüpunkte zu bekommen, habe ich

mir gedacht, es einfach in ein letztes <li> zu stecken.

Aber ist das überhaupt erlaubt? Ist eine solche Konstruktion zulässig:
   <ul>
   <li><img .../></li
   </ul>

Sicherlich ist ein Bild als eigener Listeneintrag zulässig ...

Der Validator hat zwar nix zu meckern, aber man weiß ja nie...  ;-)

... deshalb hat auch der Validator grundsätzlich nichts zu meckern daran.

So wie du dein Vorhaben beschreibst, klingt es aber nicht, als ob dieses Bild ein Einzeleintrag der Liste wäre, sondern eher so, als ob es sich dabei um ein Dekorelement der Liste insgesamt handelte.

Wenn du das strukturell in deinem Code nachvollziehen möchtest, könntest du das Bild dem UL-Element nicht-wiederholt unten ausgerichtet als Hintergrund zuweisen und mit padding-bottom dafür sorgen, dass die LI-Elemente es innerhalb der Liste nicht überdecken.

Was ist wenn ich dieses Bild zentrieren möchte (während die vorgehenden

Das ist ja dann auch ganz einfach über background-position zu realisieren.

Gruß Gernot