netinja: vertikales padding in Inlineelementen

Beitrag lesen

Hallo Gunnar,

Vielen Dank für die Mühe, die du dir machst. :-D

Also sind die Attribute width und height der <b>Inhalt</b> des Bildes?

Nein, das sind Attribute des 'img'-Elements. Der Inhalt des Bildes ist das, was da halt zu sehen ist; das hat mit HTML rein gar nichts zu tun.

Gut, das habe ich jetzt verstanden.

Demgegenüber ist der Inhalt des 'img'-Elements was? Gar nichts! 'img' ist ein leeres Element. Der leere Inhalt kann bei der Anzeige ersetzt werden durch das Bild, das sich hinter der im 'src'-Attribut angegebenen Ressource verbirgt; deshalb „ersetztes Element“.

Und in diesem Fall ist das img-Element dann nicht mehr leer?

Der leere Inhalt kann aber alternativ auch ersetzt werden durch den Text im Wert des 'alt'-Attributs.

Ich habe mal ein paar Beispiele angefertigt und versuche, deine Erklärung  umzusetzen.

1. <img src="http://www.google.de/intl/de_de/images/logo.gif" alt="logo"  border="2">

2. <img src="gibts-nicht.gif" alt="logo"  border="2">

3. <img src="gibts-nicht.gif" alt="&nbsp;"  border="2">

4. <img src="gibts-nicht.gif" alt=""  border="2">

5. <img src="gibts-nicht.gif"   border="2">

Hoffentlich gebe ich das jetzt richtig wieder, sonst wirds peinlich. *g*

zu 1.
der normalerweise leere Inhalt des img-Element wird durch das google-Bild ersetzt, also ist der Inhalt nun das Google-Bild.

zu 2.
ein Bild gibt es nicht, aber der leere Inhalt wird alternativ  ersetzt durch den Text im Wert des 'alt'-Attributs, also ist der Inhalt des img-Elements das Wort "logo".

zu 3.
der Inhalt ist ein blank

zu 4. und 5.
der Inhalt ist ganz leer.

Habe ich das nun richtig wiedergegeben?
*hoff*

LG
netinja