Bild und Text - wie verhext.

[reggi]

Hallo,
möchte neben dem Text in der Überschrift ein Bild platzieren.
Nach vielen Versuchen bin ich jetzt zu folgender Lösung gekommen.

<h1><img style="border:0; width:48px; height:40px; margin-right:1em;" src="http://www.example.com/images/b1.jpg" alt="" style="float:left;">
       <span  style="vertical-align:top;">Überschrift 1</span></h1>

Aber ich habe das Gefühl, dass es noch einfacher gehen müßte, aber wie?

[wucher wichtel]

Hallo!

Gib dem Bild ein display:block und float:left. Die Überschrift lässt du einfach. Dann brauchst du kein <span> o.ä.

ciao, ww

[reggi]

Danke,
jetzt ist mir aber noch folgendes aufgefallen.
Das h1-Tag hat die Eigenschaft "text-align:center" zugeordnet.
Beim IE liegt das Bild ganz links und dann großer Abstand zum Text.
In den andern Browsern sind sie wie gewünscht nahe zusammen.
Die war aber auch schon in meiner präsentierten Variante so.
Was muß ich da noch ändern, dass auch der .... IE es packt?

[Gustl]

Hi, also ich hab das bisher immer so geschrieben, weiss nicht ob das den Gewünschten Effekt für Dich bringt. Der IE 6 zeigts wie der Firefox 2 etc. richtig an. Mehr Browser hab ich nicht.

<img src=../bilder/art1.jpg style=\"float:left; margin-right:3px; margin-bottom:3px\">text

style left , right etc sowie margin-. ich verwende da für die textgrösse nicht h1,h2 sondern font size=

Gruss Gustl

[Gunnar Bittersmann]

Hello out there!

<img src=../bilder/art1.jpg

1. Fehler: Da fehlt was. [HTML401 §3.2.2]

style="float:left; margin-right:3px; margin-bottom:3px"

2. Fehler: Da ist was zuviel. Was haben die '' da zu suchen?

Und sämtliche CSS-Angaben sollten im zentralen Stylesheet notiert werden, nicht inline in 'style'-Attributen.

3. Fehler: Da fehlt was. [SELFHTML, DIALOG-ROBOT]

ich verwende da für die textgrösse nicht h1,h2 sondern font size=

Nicht dein Ernst, oder?

See ya up the road,
Gunnar