[bambam42]

Mir ist diese Woche etwas untergekommen, wofür ich noch keine Erklärung gefunden habe.

Ein Bild, eingebunden auf eine html-Seite Doctype html5 erzeugt einen mir unerklärlichen 3 Pixel Abstand nach unten.
Aufgefallen ist es mir nach dem Verlinken desselben und der Definition einer Hintergrundfarbe bei a:hover.

Ich habe mal kurz 2 Beispiel-Dateien gebastelt, einmal XHTML und einmal HTML 5, um das Ganze zu verdeutlichen per a:hover.

Hat jemand eine "saubere" Idee, diesen Abstand zu entfernen?

html 5

XHTML

[top]

[bacon]

Die Lücke ist auch im xhtml-Dokument vorhanden. Das siehst Du in Analysetools wie bspw. Firebug. Außerdem müssen xhtml-Dokumente wohlgeformt sein - deins ist es nicht. html5-Dokumente müssen nicht unbedingt wellformed nach xml-Standard sein, weil es strenggenommen wieder sgml-Instanzen sind. Trotzdem: Immer wohlgeformte Dokumente erzeugen, alles andere ist Scharrn und führt in die Debugging-Hölle.

Außerdem sind Deine Dokumente ungültig. Du verwendest nur inline-Elemente, die verhalten sich anders als Block-Elemente (line-height, baseline und so).

[bambam42]