Grafik und Text

[Reinhard]

Moin,
Im folgenden Beispiel liegt mir der Text zu hoch.

  
<a  href="....." ><img style="float:left; width:50px; height:50px; src="....gif">...Text ...</a>  

Mit der nachfolgenden div-Angabe rückt er zwar etwas nach  unten, aber
das tiny meckert das Konstrukt an.

  
<a  href="....." ><img style="float:left; width:50px; height:50px; src="....gif">  
<div style="padding-top:0.5em;">...Text ...</div></a>  

Wie kann ich die Höhe korrekt verändern?

[Willi]

Hallo,

Mit der nachfolgenden div-Angabe rückt er zwar etwas nach  unten, aber
das tiny meckert das Konstrukt an.

<a  href="....." ><img style="float:left; width:50px; height:50px; src="....gif">
<div style="padding-top:0.5em;">...Text ...</div></a>

> Wie kann ich die Höhe korrekt verändern?  

Das <div> durch ein <span> ersetzen.  
Grüße,  
Willi

-- 
[ie:{ fl:| br:> va:) ls:< fo:| rl:( n4:( ss:| de:> js:| ch:? sh:( mo:} zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%7C+br%3A%3E+va%3A%29+ls%3A%3C+fo%3A%7C+rl%3A%28+n4%3A%28+ss%3A%7C+de%3A%3E+js%3A%7C+ch%3A%3F+sh%3A%28+mo%3A%7D+zu%3A%7D)

[Reinhard]

Hallo,

Wie kann ich die Höhe korrekt verändern?
Das <div> durch ein <span> ersetzen.

Dann ist zwar die Fehlermeldung weg, aber der Text wieder nach oben gerutscht.

[D.R.]

Hallo,

Wie kann ich die Höhe korrekt verändern?
Das <div> durch ein <span> ersetzen.
Dann ist zwar die Fehlermeldung weg, aber der Text wieder nach oben gerutscht.

Klar. Padding wirkt nur bei Block-Elementen. Mache <span> also zu einem Block-Element (per http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display).

mfg. Daniel