Zum Inhalt springen

Link um div box

Erstellt am 18. Oktober 2006 · 5 Antworten · letzte Antwort am 16. August 2007

Tags: Frage

oldwebber ·

Kann mir jemand einen Lösungsansatz geben wie ich einen Link um eine div clss mappe.
Folgendes ich möchte ein 3 Spaltiges FCE erstellen bei denen jede der drei Spalten einen Container für Elemte darstellt. Für jede dieser 3 Splaten möchte ich einen link auswählen können mit dem die ganze Splate verlinkt ist.

Danke ich hoffe mir konte jemand folgen

LG Jesse

demeter ·

hallo oldwebber

du kannst den a-tag als container und dann die div innerhalb des containers mappen.
Beispiel:

<body>
<div id="body">SC
<div id="mitLink">CO mit Links
<a href="#">CO und Attribut
<div>Deine Tags</div>
</a>
</div>

<div id="ohneLink">CO ohne Links und deine Tags
</div>
</div>
</body>

Mit dem Section Container hast du die Möglichkeit den Link zur Auswahl zu stellen.

Hoffe dir richtig folgen gekonnt und geholfen zu haben
Viele Grüsse demeter

oldwebber ·

Danke erstmal, damit ist mein Probleme gelöst und auch etwas mehr Verständniss für TV entstanden.

Ich hab das ganze mal so gebaut und gut.
Jetzt versuchte ich jedoch in dem <div>Deine Tags</div> jedoch noch ein Bild einzubauen.

<body>
<div id="dreiSpaltenHome1">
<a href="#">
	<span>
		<h1>Überschrift</h1>
		<div id="bild1">Mein Bild</div>
		<p>Inhalt</p>
	</span>	
</a>
</div>
</body>

und es kommt mir folgendes im Frontend an

		<div id="dreiSpaltenHome1">
			<a href="index.php?id=29">
				<span>
					<h1>TEST1</h1>
					<div id="bild1">
						<a href="index.php?id=29" >
						<img src="typo3temp/pics/fd85f67ddd.jpg" width="200" height="59" border="0" alt="" title="" />
						</a>
					</div>
					<p class="bodytext">123</p>
					<p class="bodytext">456</p>
					<p class="bodytext">789</p>

				</span>
			</a>
		</div>

Warum wird um mein Bild noch mal ein link generiert?

Danke Jesse

demeter ·

hi jesse
weiss nicht ob du diesen link kennst
wiki templa Voila

bei dir müsste beim bild in der DS in etwa folgendes stehen:
10.stdWrap.typolink.parameter.field = field_link
lösch die zeile einfach raus und du bist den link los.

viele grüsse demeter

LSA ·

Der Post is zwar schon älter, dennoch:

Divs haben in Link-tags nichts verloren; -> nicht Standardkonform.

Lieber deine Formatierung auf den <a> tag selbst anwenden, mit display:block
bekommt man Sie auch dazu automatisch Umzubrechen...

schönen Gruß

David

LSA ·

Der Post is zwar schon älter, dennoch:

Divs haben in Link-tags nichts verloren; -> nicht Standardkonform.

Lieber deine Formatierung auf den <a> tag selbst anwenden, mit display:block
bekommt man Sie auch dazu automatisch Umzubrechen...

schönen Gruß

David