Inhaltselement komplett verlinken - ce_hypelink

**eindruck** · 03.03.2015, 07:35

Guten Morgen,

ich habe in der linken Spalte einen Artikel eingebunden, Typ = Testimonial. Dieser besteht aus Sprechblase mit Text, darunter sitzt der Author mit Bild und Link (siehe Anhang). Jetzt möchte ich das gesamte Elelement verlinken. Dazu hatte ich folgenden Ansatz:

.testimonial {
position: relative;
}

.testimonial a{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}

Dadurch wird natürlich mein Link "zum Author" zerstört und dieser sitzt wo anders. Aber das Prinzip funktioniert. Nun habe ich unter mein Inhaltselement einen ce-Hyperlink mit einer Klasse "artikelLink" gesetzt...doch leider reichen meine CSS Kenntnisse nicht aus beides miteinander zu kombinieren.

Würde mich über etwas Hilfe freuen.

Gruß

Stefan

**joe** · 03.03.2015, 08:24

Du musst dem äußeren Element, also dem welches beide Elemente umschließt(#left oder den artikel), position Relative geben. Du kannst dir auch wrapper als Content Elemente bauen z.B. mit der Extension sematicHTML5 von menatwork.

Den Textlink kannst du z.b. durch text-indent: -9999em; entfernen.

**eindruck** · 03.03.2015, 08:38

Hallo,

vielen Dank für die schnelle Antwort.

Das hört sich ja immer komplizierter an :-(, gibt es keinen Ansatz meinen Lösungsweg hinzubekommen...funktioniert ja schon fast...
kann man nicht irgendwie statt .testimonial a den ce-hyperlink ansprechen?

Gruß

Stefan

**joe** · 03.03.2015, 08:50

Naja du kannst dir auch mit dem HTML Element einen Link drum rum bauen und mit den Inserttags verlinken.

**eindruck** · 03.03.2015, 08:54

Hallo,

ich hatte auch das hier aus dem Forum schon probiert:

Im Artikel am Ende ein CE Hyperlink einfügen und ihm die CSS-Klasse 'artikelLink' geben
Im CSS folgendes ergänzen

Code:
.ce_hyperlink.artikelLink {
display:block;

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.ce_hyperlink.artikelLink a {
display:block;
width:100%;
height:100%;
color:transparent;
}

Funktioniert auch...aber nur fast, hier ist das Problem das das ganze sich nicht auf mein testimonial beschränkt sondern sich über die ganze
linke Seite zieht.

Gruß

Stefan