Verständnisproblem DIV Höhe

[Cheatah]

Hi,

Habe gerade ein kurzes Verständnisproblem:

ja, es beginnt damit zu erkennen, was Du nicht verstehst.

Ich kann das DIV nicht pixelgenau platzieren, weil oberhalb und unterhalb der Bilder noch freier Platz bleibt. Das DIV hat nicht die Höhe von 12px, wie die Bilder, sondern ist höher. Angabe von font-size: 0px; löst das Problem, das DIV ist dann genau so gross wie der Inhalt.

<img> ist ein (Replaced) Inline Element. Es hat somit den Charakter von Text. Text endet nicht am obersten bzw. untersten Pixel der Schriftfarbe, sondern hat darüber und darunter noch Platz. Stichworte sind beispielsweise Unterlängen und Zeilenhöhe.

Und ist der Lösungsansatz mit font-size: 0px; der richtige, oder gibt es einen eleganteren Weg?

Deine Struktur ist suboptimal. Offenkundig willst Du eine Navigation bauen - ich halte es für unwahrscheinlich, dass die anzunavigierenden Seiten durch eine Grafik hinreichend bezeichnet sind. Du möchtest den Navigationspunkten einen bezeichnenden Text geben, beispielsweise "Startseite", "Shop" und "Impressum", und für Verzierungen - auch in Form von Grafiken! - nur und ausschließlich per CSS vermitteln. <img>-Elemente kommen in dem Code nicht vor.

Cheatah