Page 1 of 1
image <div> Bild mal recht, mal links vom Text
Posted: Mon 20. Sep 2010, 21:50
by ShyGuy
Hallo,
ich habe jetzt den CP "image <div>" so weit, dass das Bild (ca. 280px breit) links steht und sämtlicher Text (einschliesslich h3 und h4) um 300px nach rechts eingerückt ist - also auch nicht um das Bild herumläuft, wenn der Text länger als der vom Bild belegte Platz ist. Was mir noch nicht gelungen ist, das Ganze umgekehrt darzustellen, also das Bild rechts und den Text links !?
Ähnlich wie hier dargestellt:
http://www.palm.com/de/de/products/phon ... index.html
Also letztendlich je eine Vorlage links, und rechts - wie läuft das dann mit h3, h4, usw., die ja global verwendet werden ?
Stefan
Re: image <div> Bild mal recht, mal links vom Text
Posted: Mon 20. Sep 2010, 23:26
by update
Die Bilder werden gefloatet, mal links, mal rechts - per CSS. Schau Dir mal Deinen Quellcode an!
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 08:19
by Cipolla
Warum nimmst du nicht text mit bild? Da hast du genau die Optionen, und in der Frontend.css stehen die Formatierungen schon drin. brauchst nur noch entsprechend anpassen.
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 09:06
by ShyGuy
@Cipolla - "Text mit Bild" ist obsolete und löst das Ganze mit Tabellen - was ich nicht wirklich möchte. Trotzdem, Danke.
@ Claus - das war's. Hab' wohl 'was auf den Augen gehabt
Danke !
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 09:24
by Cipolla
Hallo Stefan, schön das es jetzt passt.
Allerdings, so veraltet ist Text mit Bild nun auch nicht. Dank Template geht das ja auch mit DIV.
Hier mal grober Auszug aus einem Template für Text+Bild (Die class image_td ist noch die aus den "obsoleten" Zeiten,
halt nur auf DIV umgebaut:
Code: Select all
<div class="image-with-text">
<div class="imgDIVinTextLeft">
<div class="image_td">
<img src="..." />
</div>
</div>
<div class="articleText">
<h3>Title</h3>
<p>
...
</p>
</div>
</div>
Geht natürlich ebensogut mit bilder <div>. Wollte es nur mal anmerken
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 09:25
by update
ShyGuy wrote:@Cipolla - "Text mit Bild" ist obsolete und löst das Ganze mit Tabellen
Wie kommst Du denn da drauf? Muss ich gleich mal nachschauen. Nee nee, da sind keine Tabellen bei Text mit Bild
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 11:33
by ShyGuy
da war ich mir so 'was von sicher. Wo ist denn der sich am Kopf kratzende Smiley geblieben ?
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 12:26
by ShyGuy
Dank Eurer Hilfe habe ich nun habe ich meine Vorlagen soweit, dass jeweils einmal das Bild links und einmal rechts steht.
Leider fällt mir -bei Bild links- der Text wieder auf die linke Seite, sobald er länger ist, als das Bild an Höhe beansprucht.
Das könnte ich mit einem entsprechenden "padding" in den Griff bekommen, nur wird der Text von der Vorlage immer als <p>{TEXT}</p> ausgeworfen.
Hier das entsprechende Segment der Vorlage:
Code: Select all
<!--IMAGES_FOOTER_START//-->
</div>
[TEXT]<div>{TEXT}</div>[/TEXT]
<br style="clear:both>" />
<!--IMAGES_FOOTER_END//-->
Wie könnte ich das ändern, um zwei unabhängig formatierbare Text-Elemente, also unabhängig von #content p, zu erhalten ?
Vielen Dank !
Re: image <div> Bild mal recht, mal links vom Text
Posted: Tue 21. Sep 2010, 12:30
by update
Jetzt wäre ein Link hilfreich!