Zum Inhalt springen

FCE: Mehrere Bilder mit div wrappen / oder mappen?

Erstellt am 6. Juni 2007 · 2 Antworten · letzte Antwort am 22. Januar 2008

Tags: Frage

Ori ·

Hallo Zusammen,

bin neu und daher zunächst einmal vielen Dank für die vielen Tipps die mir schon des öfteren den richtigen Weg gezeigt haben.

Nun habe ich allerdings ein Problem bei dem ich nach intensiver Tut- und Foren-Recherche einfach nicht weiterkomme. Wahrscheinlich habe ich durch die vielen Versuche mittlerweile mehrere Bretter vorm Kopf. Der letzte Schritt fehlt mir. Ich hoffe irgendjemand erbarmt sich meiner.

Für ein FCE habe ich ein simples Template nach folgenden Schema erstellt.

<div id="box">
<div class="image"><img src="" alt="" /></div>
</div>

Ziel ist die Speicherung mehrerer Bilder. Im Prinzip eine kleine Bildergalerie in der die Bilder auf einer Übersichtsseite dargestellt werden und in Kombination mit der Extension "imageLightbox2" durchnavigiert werden können. Dies funktioniert auch alles soweit. Jetzt hapert es nur noch an der Darstellung der Übersichtsseite im FE. Die Bilder werden momentan untereinander dargestellt. Ich möchte durch einschließen der einzelnen Bilder mit der o.g. Klasse "images" diese nebeneinander darstellen. Sowohl über das mappen ist es mir nicht gelungen dies zu erreichen, als auch über den Weg von TS (wrap?).

Auszug TS für Bilder in TemplaVoilà Datenstruktur:

10 = IMAGE
	10 {
	file.import = uploads/tx_templavoila/
	file.import.current = 1
	file.import.listNum = 0
	file.maxW = 115
	file.maxH = 115	
	imageLightbox2 = 1
	imageLightbox2.imageset = 1
	file.imageLightbox2maxW = 800
	file.imageLightbox2maxH = 600
}

Ich hoffe ich habe mich einigermaßen verständlich ausgedrückt. Vielleicht gibt mir jemand eine helfende Hand. Schon mal Danke.

Grüße,
Oliver

cordman ·

Ich möchte durch einschließen der einzelnen Bilder mit der o.g. Klasse "images" diese nebeneinander darstellen.

Das <div>-Element ist standardmäßig ein Blockelement und erzeugt somit immer eine neue Zeile (Block).
Versuch es mal mit der Eigenschaft "display":

.image {
	display: inline;
}

Es sollte aber auch mit einem Container klappen wenn du die einzelnen Bilder floatest.

Grüße