TypoScript - Mehrere HTML-Inline-Elemente in einem Link?

[dirk_ry]

Moin!

bin noch recht frisch auf dem Gebiet Typo3 und versuche mich gerade am Bau einer Webseite und bin nun auf ein Problem gestossen, dass sich einfach nicht lösen lassen will ...

Ich will mehrere Inline-Elemente in einem Link unterbringen um anschliessend mit einem a:hover den kompletten Block hervorzuhaben. Tut aber an dieser Stelle eigentlich nichts zur Sache.

Arbeite mit Backend-Layout und Gridelements an dem Problem.

Ich will mein TypoScript folgenden HTML-Quellcode ausspucken lassen:

<a href="#>
    <strong>Header</strong><br  />
    <img src="..." ... />
    <span>Lorem ipsum ... Bildtext.</span>
</a>

colPos 1 ist CE Header
colPos 2 ist CE Image
colPos 3 ist CE Text

Dann muss noch irgendwie der typolink hin!?

Mein spärlicher Lösungsansatz sieht noch wie folgt aus:

tt_content.gridelements_pi1.20.10.setup {
    1 < lib.gridelements.defaultGridSetup
    1 {
        wrap = <a href=""> | </a>
        columns {
            1 < .default
            1.dataWrap = <strong class="colHeader"> |</strong>
            2 < .default
            2.wrap =  | 
            3 < .default
            3.dataWrap = <span> | </span>
        }
  }
}

Was dann natürlich noch passieren muss ist, dass der H1-Tag von dem Strong und der P-Tag von dem SPAN überschrieben werden muss.

Da versuche ich es mit

tt_content.textpic.10.10.10.1.dataWrap = <strong class="colHeader"> | </strong>
tt_content.textpic.20.10.10.1.dataWrap = <span> | </span>

oder so.

Jemand eine Idee oder einen Vorschlag, wie und wo ich das mache, damit ich annährend in Richtung Lösung komme? :'(

Würde mich über Rückmeldungen freuen!

Cheers

 

[TehTux]

AW: TypoScript - Mehrere HTML-Inline-Elemente in einem Link?

Hallo,

wieso machst du mit gridelements kein FCE? In der Doku von gridelements gibt es dazu ein Beispiel, was du fast 1zu1 auf dein Problem hier anwenden kannst.

 

[Molkenstehler]

AW: TypoScript - Mehrere HTML-Inline-Elemente in einem Link?

Baust Du den Link erst zusammen oder kannst Du den schon fertig bekommen.

Sofern Du den schon fertig bekommst, kannst Du einfach innerWrap nutzen:

10.stdWrap.innerWrap = <strong class="colHeader"> |</strong><br><img src="http://www.psd-tutorials.de/forum/208_typo3/..." ... />
<span>Lorem ipsum ... Bildtext.</span>

Daraus wird dann:

<a href="{Link}"><strong>{Linktext}</strong><br /><img src="http://www.psd-tutorials.de/forum/208_typo3/..." ... /><span>Lorem ipsum ... Bildtext.</span></a>

Das innerWrap steht Dir in vielen Objekten zur Verfügung. Sicher funktionieren tut es allerdings nur, wenn Du das innerWrap vom stdWrap nutzt.

Das img- und span-Tag musst Du vorher zusammenbauen, kannst das aber dann auch einfach per Platzhalter einbinden.