Foto links und rechts vom Text ausrichten

[Peeti]

Hallo,

ich experimentiere mit zwei Fotos. Bild 1 soll links oben stehen,
dann kommt Text, welcher oben beginnt.
Rechts auf gleicher Höhe mit Bild 1 soll Bild 2 stehen.

Mit folgendem Code gibt es aber einen Versatz um eine Zeile:

<img src="bild1.jpg" align="left"/><p align="justify">Der Text in der Mitte</p><img src="bild2.jpg" align="right"/>

Vielleicht kann mir jemand einen Tipp geben.

Danke Peeti

 

[threadi]

Per CSS geht das einfach, man muss allerdings auch auf die Reihenfolge im HTML-Code achten:

<img src="bild1.jpg" class="links" alt="" /><img src="bild2.jpg" class="rechts" alt="" /><p>Der Text in der Mitte</p>

img.links { float: left; }
img.rechts { float: right; }

Siehe auch:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen

Und wenn Du bisher kein CSS verwendet hast:
CSS 4 You - The Finest in Stylesheets

 

[Peeti]

Hallo,

ich muss leider nochmal nachfragen.
Bei dem nachfolgenden Code wird lediglich ein Bild links angezeigt:

<p><span class="title">Der Bau</span></p>
<img src="thumbnails/s-gestell.jpg" width="140" height="140" class:"links" /><img src="thumbnails/s-schalung.jpg" width="140" height="140" class:"rechts" />
<p align="justify">Das ist der Text zwischen den beiden Bildern.</p>

Im Stylesheet steht:

.img.links { float: left;}
.img.rechts { float: right;}

Ich kann keinen Fehler erkennen. Oder?

Peeti

 

[bdt600]

class:"links"

Nicht den Doppelpunkt, sondern das Gleichheitszeichen nehmen. Machst du doch hier

<span class="title">

auch nicht.

 

[Peeti]

Stimmt,
Peeti