Bild richtig positionieren
0 0 
rfb
Bild richtig positionieren
Hallo!
Ich möchte eine Box anzeigen lassen, die ganz links ein Bild, dann in der Mitte einen Text und rechts ein weiteres Bild anzeigt.
Dazu habe ich das Bild und den Text auf left gefloated. Das klappt auch alles wunderbar. Nun möchte ich allerdings rechts neben dem Text noch ein Bild anzeigen und krieg es nicht hin. Kann mir jemand einen Tipp geben?
Momentan sieht es so aus:
img
{
float: left;
margin: 5px;
border: 2px solid white;
}
Die Klasse "rechts" habe ich bereits versucht, nach rechts zu floaten, geklappt hat es aber nicht...
<div id="box">
<img src="images/bild1.jpg" />
<p>Text Text Text</p>
<img class="rechts" src="images/bild2.jpg" />
</div>
-
Hallo,
Die Klasse "rechts" habe ich bereits versucht, nach rechts zu floaten, geklappt hat es aber nicht...
Es sollte in der Reihenfolge klappen: Div mit float:left, Div mit float:right und dann den Text.
Du könntest das linke oder das rechte Bild aber auch als Hintergrundbild nehmen und den Text mit margin auf Abstand bringen. Dabei sparst du dir 1 floatendes Div.Grüße, Matze
-
Moin
Es sollte in der Reihenfolge klappen: Div mit float:left, Div mit float:right und dann den Text.
Die DIVs sind komplett überflüssig, es reicht die Bilder floaten zu lassen!
Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)-
Danke für die Hilfe!
Es sollte in der Reihenfolge klappen: Div mit float:left, Div mit float:right und dann den Text.
Die DIVs sind komplett überflüssig, es reicht die Bilder floaten zu lassen!Meinst du damit, dass eine Klasse sinnvoller ist?
-
Hallo,
Meinst du damit, dass eine Klasse sinnvoller ist?
Nein, er meinte, dass du das style auf das Image-Tag anwenden sollst anstatt ein DIV rund herum zu ziehen.
Ob du das mit einer Klasse oder per ID machst ist egal - solange eine ID nicht doppelt vor kommt. Was bei einmal links, einmal rechts wahrscheinlich nicht passiert.Ich würde dennoch die Lösung mit dem Hintergrundbild bevorzugen. Mit dem hin und her gefloate darfst du clear dann eventuell nicht vergessen.
Grüße, Matze
-
-
-