Bildelement umfließen lassen

**lilly263** · 17.10.2012, 13:42

Hallo,

ich habe eine scheinbar einfache Frage, aber ich bekomme es nicht hin.

Ich brauche diesen Aufbau:
Bildschirmfoto 2012-10-17 um 14.39.57.png

Wenn ich das Textelment nehme, dann steht die Überschrift immer über dem Bild. Mache ich das Bild als extra Element wird es auch nicht umflossen und der Text steht darunter. Wie mache ich denn das?

Kann mir jemand kurz einen Tipp geben?

**dhe** · 17.10.2012, 13:53

Nutze die Option "Bildausrichtung". Damit geht das.
bildausrichtung.JPG

**lilly263** · 17.10.2012, 14:02

Danke für deine Antwort. Aber damit geht´s leider nicht, weil ich die Überschrift eben gern auch noch neben dem Bild hätte, so wie im angefügten jpg.

**toto** · 17.10.2012, 14:40

Moin,
würde die Headline dann mit in den Tiny einbinden und das Feld überschrift leer lassen.

Ich hab aber zum Thema auch noch eine Frage:
Wie kann ich eine Liste so css'n das ich den Abstand vom Bild links erhöhen kann wenn das Bild floatet? Irgendwie rutschen beim IE immer die Punkte ins Bild rein.

**lilly263** · 17.10.2012, 14:53

hmmm, ja könnte ich wohl auch machen. Aber anders wäre es finde ich schöner.

Ich habe gleich noch eine Zusatzfrage dazu:

Diese ganze Box: Also Bild, Headline und Text soll noch verlinkt werden und mit einem Rollovereffekt versehen werden. Also wenn ich über den Bereich fahre, dann ändert sich die Hintergrundfarbe und der ganze Bereich ist verlinkt. Wie stelle ich das denn an?

Hat jemand ne simple Idee?

**toto** · 17.10.2012, 15:05

Wenn du es anders schöner fändest und mit dem Feature der Verlinkung mußt du wohl das text-template umbauen oder ein eigenes inhaltselement zusammenstellen. Da gibts glaub ich ein Modul für.

**lilly263** · 17.10.2012, 15:12

Ich habs jetzt schon so gemacht, wie von dir vorgeschlagen. Hast du noch ne Idee, wie man den ganzen Block verlinken kann?

**jubel** · 17.10.2012, 15:39

Alternativ kannst du auch das Bild als eigenes Inhaltselement definieren. Dann kann dieses Bild-Inhaltselement auch neben den Text inkl. Überschrift floaten.

Hast du noch ne Idee, wie man den ganzen Block verlinken kann?

Wenn du Bild und Text als unsichtbare Inhaltselemente (Auge-Symbol grau) definierst und die sie dann per Inserttag in ein neues verlinktes Inhaltselement einbindest, dann sollte das funktionieren.

Den Rollovereffekt definierst du dann über CSS.

**Skipman** · 17.10.2012, 18:58

Zitat von lilly263

Hat jemand ne simple Idee?

Du könntest den gesamten Inhalt des inhaltselementes auch als zusammenhängenden Bereich anstelle als Absatz definieren (findest Du im Tiny mittlere Zeile ganz links).

Das macht aus dem <p>-Tag ein <div> in das Du über die HTML-Bearbeitung (mittlere Zeile ganz rechts) ein <a href... einfügst. Dann müsstest Du nur mehr per CSS die gewünschte (hover-) Gestaltung vornehmen.

Ich hab das zwar praktisch nur mit nem Text-Element probiert, könnte aber so funktionieren...

**lilly263** · 18.10.2012, 08:57

Danke für den Tipp!

Habe ich auch gleich ausprobiert. Würde theoretisch gut funktionieren. Problem ist nur, dass mein "Artikel" so aufgebaut ist: Links Text, Rechts Headline, Fließtext, Textlink.

Wenn ich jetzt diesen ganzen Absatz verlinke, dann hat mein Fließtext auch den Style vom Link und ich weiß nicht, wie ich das unterbinden könnte. Weil der eigentliche Link, soll ja aussehen wie ein Link :-)

Aber das sieht man doch jetzt immer öfter, dass der ganze Bereich markiert ist und nicht nur so ein kleiner Textlink. Hat noch jemand einen Tipp, oder vielleicht einen Tipp nach was ich suchen könnte? Wie nennt man das denn?

DANKE!