Textausrichtung

[Anfänger]

Hallo,
ich möchte, dass der Text rechts von dem Bild erscheint und zwar in einem bestimmten Abstand (margin-left:1em).
Ich habe daher folgendes geschrieben:

  
<span style="float:left;"><a href="http://www.example.com">  
    <img src="http://www.example.com/img.gif" style="width:46px;height:30px;" alt =""></span>  
<span style="margin-left:1em; ">aaaaaaaaaaaaaaaaaaa<br>bbbbbbbbbb</span>  
  </a>  
<span style="clear:left;"></span>  

Nun hat der Text a...a den gewünschten Abstand, die Folgezeile b...b
hat jedoch keinen abstand zum Bild.
Was mache ich falsch?

[bleicher]

Grüße,
du willst dass das bild links von text erscheint, man floatet bidler bei sowas, nicht text.und lager die stylesachen bitte in css aus, ok?
MFG
bleicher

[Beat]

  
<span style="float:left;"><a href="http://www.example.com">  
    <img src="http://www.example.com/img.gif" style="width:46px;height:30px;" alt =""></span>  
<span style="margin-left:1em; ">aaaaaaaaaaaaaaaaaaa<br>bbbbbbbbbb</span>  
  </a>  
<span style="clear:left;"></span>

Du solltest deinen Code validieren. Dein Code ist widersprüchlich.
display:inline Elemente haben kein margin, ausser unter ein paar kaputten Umständen.

Für deinen Fall bietet sich display:inline-block an

mfg Beat

[apsel]

Om nah hoo pez nyeetz, Beat!

Für deinen Fall bietet sich display:inline-block an

und bei Verwendung von (max-)width ließe sich auf das Geräusch verzichten Matthias

[MudGuard]

Hi,

  
<span style="float:left;"><a href="http://www.example.com">  
    <img src="http://www.example.com/img.gif" style="width:46px;height:30px;" alt =""></span>  
<span style="margin-left:1em; ">aaaaaaaaaaaaaaaaaaa<br>bbbbbbbbbb</span>  
</a>  
<span style="clear:left;"></span>

Du solltest deinen Code validieren. Dein Code ist widersprüchlich.

Widersprüchlich? Falsch verschachtelt, weil nach dem Bild ein span geschlossen wird, obwohl zuletzt ein a geöffnet wurde, ja.
Und die Sinnhaftigkeit ist auch nicht optimal - ein leeres span ergibt eher keinen Sinn.

display:inline Elemente haben kein margin, ausser unter ein paar kaputten Umständen.

Du betrachtest den Normalfall als kaputten Umstand?

Bei Elementen mit display:inline wird der vertikale margin ignoriert, der horizontale margin wird benutzt.
Siehe Inline formatting context, 1. Absatz, 2. Satz

cu,
Andreas

[Beat]

display:inline Elemente haben kein margin, ausser unter ein paar kaputten Umständen.

Du betrachtest den Normalfall als kaputten Umstand?

gefühlt als kaputte Norm ;)

Du hast natürlich recht damit:

Bei Elementen mit display:inline wird der vertikale margin ignoriert, der horizontale margin wird benutzt.

MSIE beliebt margin und padding auch vertikal anzuwenden, weshalb display:inline als MSIE-Alternative zu display:inline-block *funzt*

Siehe Inline formatting context, 1. Absatz, 2. Satz

mfg Beat