nicht angemeldet
123<a href="#" style="vertical-align:top">
<img style="border: 1px solid black;" src="http://groups.google.de/groups/img/groups_medium_de.gif" border="0">
</a>456<br>
</body>
</html>
Warum wird das Element <img> im IE/Opera trotzdem top ausgerichtet? Warum überlappt in Firefox das Bild den Text?
weil Firefox, der einzige ist, der das alles richtig interpretiert.
das bild steht "baseline" zum link. also auf der selben "baseline" da es ja vom link eingeschlossen ist.
Meiner Meinung nach sind beide Darstellungsmethoden falsch. Normalerweise müßte die Unterkante des Bildes doch auf der Baseline des Textes enden und das Bild dürfte den anderen Text nicht überlappen (also quasi wie die Darstellung im Firefox, nur daß das Bild und der Text etwas tiefer sitzen müßten).
Wer weiß weiter?
etwas tiefer sitzt das bild, wenn du es mit vertical-align: top ausrichtest.
mfg Hilker