float:left

[eMazing]

Moin moin,

ich sitze gerade an einem 2 Spalten Layout und habe hierbei ein Problem beim Ausrichten der Bilder.
Innerhalb der linken Spalte habe ich eine Box, welcher ich per CSS die Eigenschaft float:left gegeben habe. Innerhalb dieser Box befindet sich ein Bild und Text. Ich möchte, dass auch dieses Bild die Eigenschaft float:left erhält, so dass der Text direkt auf der Höhe der oberen Kante des Bildes anfängt. Durch Hinzufügen von style="float:left" inner halb des <img>-Tags tut sich jedoch nichts. float:right hingegen funktioniert.
Woran könnte das liegen.

Hier der link zu meiner bisherigen Seite

[misterunknown]

Moin,

Woran könnte das liegen.

Hier der link zu meiner bisherigen Seite

Meines Wissens ist h1 kein Inline-Element, ebenso wenig wie p. Wenn du den beiden Elementen per CSS
h1,p {display:inline;}
zuweist, könnte es funktionieren.

Grüße Marco

[eMazing]

Das geht in die richtige Richtung. Herausgekommen ist dabei folgendes:

[phu]

Das geht in die richtige Richtung. Herausgekommen ist dabei folgendes:

Joachim hat Dir schon den richtigen Tipp gegeben. Du mußt das generelle clear:left (Zeilen 412 und 28) überschreiben, z.B. so:

.news-left-2 h1 {clear:none;}

[Joachim]

Hi,

Ich möchte, dass auch dieses Bild die Eigenschaft float:left erhält, so dass der Text direkt auf der Höhe der oberen Kante des Bildes anfängt.

In Deinem Stylesheet auf Zeile 412 clearst Du das floating für h1. Da nützt dann auch das vorherige floaten des Bildes nix.

Gruesse, Joachim

[Texter mit x]

1. Es hat immer noch nichts mit Programmiertechnick zu tun.
2. Warum bleibst Du nicht in deinem alten Thread?
https://forum.selfhtml.org/?t=200975&m=1355023
Warum kannst Du (noch mal) in der Charta nachlesen.