image <div> Bild mal recht, mal links vom Text

Bitte alle templatebezogenen Beiträge in diesem Forum veröffentlichen.
Post Reply
ShyGuy
Posts: 158
Joined: Sat 11. Nov 2006, 15:27
Location: DE-Hannover
Contact:

image <div> Bild mal recht, mal links vom Text

Post 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
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: image <div> Bild mal recht, mal links vom Text

Post by update »

Die Bilder werden gefloatet, mal links, mal rechts - per CSS. Schau Dir mal Deinen Quellcode an!
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
Cipolla
Posts: 451
Joined: Sat 16. Feb 2008, 20:39
Location: Muppet Show

Re: image <div> Bild mal recht, mal links vom Text

Post 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.
...
ShyGuy
Posts: 158
Joined: Sat 11. Nov 2006, 15:27
Location: DE-Hannover
Contact:

Re: image <div> Bild mal recht, mal links vom Text

Post 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 :wink: Danke !
User avatar
Cipolla
Posts: 451
Joined: Sat 16. Feb 2008, 20:39
Location: Muppet Show

Re: image <div> Bild mal recht, mal links vom Text

Post 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 ;)
Last edited by Cipolla on Tue 21. Sep 2010, 09:26, edited 1 time in total.
...
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: image <div> Bild mal recht, mal links vom Text

Post 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
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
ShyGuy
Posts: 158
Joined: Sat 11. Nov 2006, 15:27
Location: DE-Hannover
Contact:

Re: image <div> Bild mal recht, mal links vom Text

Post by ShyGuy »

da war ich mir so 'was von sicher. Wo ist denn der sich am Kopf kratzende Smiley geblieben ?
ShyGuy
Posts: 158
Joined: Sat 11. Nov 2006, 15:27
Location: DE-Hannover
Contact:

Re: image <div> Bild mal recht, mal links vom Text

Post 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 !
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: image <div> Bild mal recht, mal links vom Text

Post by update »

Jetzt wäre ein Link hilfreich!
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
Post Reply