Bild1 links am Rand, Bild2 rechts am Rand

[Mastershrimp]

Heyho!

Ich schäme mich schon fast diese banale Frage zu stellen, aber ich kriegs irgendwie nicht hin...

Ich habe einen div-Bereich der Höhe 90px und möchte innerhalb dieses Bereiches ein Bild auf die linke Seite und eins auf die rechte Seite tun. "<span style="text-align:left"><img...", "<img style="text-align:left"..." haben nicht geklappt. Liegt glaub ich daran dass text-align nur (wie der Name schon sagt) bei Text funktioniert.

Wie kann ich aber ein Bild ausrichten?

<div>
 <div><img ....></div>
 <div><img ....></div>
</div>
Klappt auch nicht, da die Bilder dann auf der selben Höhe sind.

Wollte dann auf eine Tabelle ausweichen - die macht aber irgendwie oberhalb der Bilder einen kleinen Freiraum, der das Ganze etwas nach unten verschiebt.

Nun also meine Frage (kurz und präzise ;) ): Wie kann ich mit CSS 2 Bilder innerhalb eines <div>s auf der selben Höhe unterschiedlich ausrichten? In meinem Fall halt rechts und links.

Vielen Dank schonmal für eure Mühen! Ich denke, ich habe gerade einfach nur ein Brett vor'm Kopf. Würde mich freuen, wenn mir jemand dieses Brett entfernen könnte ;)

Gruß

Mastershrimp

[Orlando]

Hi Mastershrimp,

Wie kann ich mit CSS 2 Bilder innerhalb eines <div>s auf der selben Höhe unterschiedlich ausrichten? In meinem Fall halt rechts und links.

das ist ein Paradebeispiel für float.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
 http://www.w3.org/TR/CSS21/visuren.html#propdef-float

Grüße,
 Roland

[Cheatah]

Hi,

Wie kann ich aber ein [beliebiges Element] ausrichten?

Du möchtest Dich mit Floating beschäftigen.

Cheatah

[Mastershrimp]

Du möchtest Dich mit Floating beschäftigen.

Oh Mann! Ich wusste doch dass das ganz einfach war! Mir fiel nur die CSS-Angabe nicht ein. Und beim Stöbern durch SelfHTML sprang mir auch nichts sofort ins Auge (unter Ausrichtung bei CSS stand kein floating).

Vielen Dank euch beiden! Das suchte ich!

Werd's direkt mal ausprobieren.

Gruß

Mastershrimp