Rapidweaver: neuer Absatz nach "aligned image"

[norbi]

Hallo!
Ich bekomme mit RapidWeaver etwas nicht auf die Reihe. Ich versuche, folgendes zu machen:

Eine "Styled Text"-Seite, die eine Übersicht über Bildergalerien dargestellt. Dazu wird pro Galerie ein etwa 200x200 Pixel großes Bild platziert und daneben eine kurze Textbeschreibung erfaßt. Das sind die beiden "Spalten". Pro Bildergalerie wiederholt sich so eine Zeile.
Das Bild wird mit "align image left" formatiert, damit der Beschreibungstext an der Oberkante des Bildes und rechts vom Bild beginnt.
Das Problem:
Ich will nach diesem "Bild/Text"-Absatz eine neue Zeile einfügen. Returns in meinem Text bewirken aber nur einen Zeilensprung nach unten entlang des Bildes. Ich möchte aber an die Stelle NACH dem Bild springen, um das nächste Bild am linken Seitenrand einzusetzen.

Wie stelle ich das an?

No.

 

[marian]

Der Clou an der Sache ist dass du ein Codestück eingeben musst wo der Browser weisst das er wieder von vorne anfangen muss.
Das ist:

<div style="clear: both;"></div>

Das gibst du einfach nach dem Text, wählst dann den Code aus und bei dem Menü Format wählst du Formatierung ignorieren.

Das ist alles in textformatierten Seiten.

Schöner ist aber mit Code:

<div>
	<div style="width: 200px; float: left;">
		<img class="imageStyle" alt="testbild01" src="assets/testbild01.jpg" width="200" height="200"/>
	</div>
	<div style="margin-left: 225px;">
		<p>Est ut humanitatis feugiat veniam in. Demonstraverunt quod et lorem cum nulla. Quinta at cum sollemnes legunt mutationem. Ii et cum placerat imperdiet est. Investigationes insitam est mazim et enim. Adipiscing claritatem mirum habent molestie commodo. Duis odio nonummy nobis seacula Investigationes. Qui gothica quod diam quis dynamicus. Quod clari exerci volutpat eodem demonstraverunt. Lorem me dynamicus clari lectorum feugait.</p>
	</div>
	<div style="clear: both;"></div>
</div>


<div>
	<div style="width: 200px; float: left;">
		<img class="imageStyle" alt="testbild02" src="assets/testbild02.jpg" width="200" height="200"/>
	</div>
	<div style="margin-left: 225px;">
		<p>Quinta augue vel modo saepius parum. Lorem formas facilisi soluta feugait ullamcorper. Dolor nostrud parum sequitur assum aliquip. Placerat qui non liber sed illum. Nonummy in insitam eros nunc amet. Ut dolore delenit anteposuerit quarta at. Claritatem in id vel ut ii. Facit magna minim aliquam ut nam. Delenit congue consequat qui quis lorem. Formas velit dolore modo quod at.</p>
	</div>
	<div style="clear: both;"></div>
</div>


<div>
	<div style="width: 200px; float: left;">
		<img class="imageStyle" alt="testbild03" src="assets/testbild03.jpg" width="200" height="200"/>
	</div>
	<div style="margin-left: 225px;">
		<p>In nam etiam qui ipsum quinta. Vel claritatem nisl duis eorum facer. Laoreet esse putamus lobortis lectorum dynamicus. Claritatem eu claritatem commodo nobis quam. In esse non possim et et. Nobis te eorum lobortis facilisi cum. Duis at iriure nobis nihil placerat. Parum nihil doming amet littera saepius. Commodo lectorum facilisis lectorum in praesent. Luptatum facilisis tempor volutpat erat typi.</p>
	</div>
	<div style="clear: both;"></div>
</div>


<div>
	<div style="width: 200px; float: left;">
		<img class="imageStyle" alt="testbild04" src="assets/testbild04.jpg" width="200" height="200"/>
	</div>
	<div style="margin-left: 225px;">
		<p>Quis typi euismod claritatem nobis placerat. Amet laoreet est ea est adipiscing. Nulla ut quod luptatum laoreet quinta. Usus est vero nisl non gothica. Decima anteposuerit accumsan typi consuetudium assum. Eodem typi imperdiet ut dolore amet. Me volutpat Investigationes nulla qui eros. Duis velit consectetuer delenit consequat in. Commodo fiant et commodo fiant me.</p>
	</div>
	<div style="clear: both;"></div>
</div>

Hier hast du aber bessere Formatierungsmöglichkeiten:
1. dem Bereich wo das Bild ist:

<div style="width: 200px; float: left;">

kannst du die Breite festlegen.

2. die zweite "Spalte" kann "anfangen" wo du "möchtest":

<div style="margin-left: 225px;">

3. Hast mehr Text als nur die 200px Höhe (des Bildes) dann "bleibt" der Text weiter in "seiner" Spalte.


Um zu funktionieren bringst du die Bilder in Anlagen (ab der RW 4.2 heissen sie Ressourcen) und diese Bilder werden dann mit

src="assets/testbild01.jpg"

oder jenachdem wie sie heissen angesprochen.

Und der Code (der ganze) muss, genauso wie da oben geschrieben wurde, und aus dem Menü Format Formatierung ignorieren klicken.

Grüße, marian