Ergebnis 1 bis 6 von 6

Thema: Inhaltselement komplett verlinken - ce_hypelink

  1. #1
    Contao-Nutzer
    Registriert seit
    10.12.2014.
    Beiträge
    59

    Standard Inhaltselement komplett verlinken - ce_hypelink

    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
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Contao-Fan Avatar von joe
    Registriert seit
    20.06.2009.
    Ort
    Lüneburg
    Beiträge
    687
    User beschenken
    Wunschliste

    Standard

    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.
    Trainings und Coachings zur Fort und Weiterbildung sowie Beratung in den Bereichen Contao, JavaScript, jQuery, VueJS, React, PHP, NodeJS und vielen weiteren Themen.

    Mehr unter jgreg.dev

    Follow me on Twitter @JoeRayGregory

  3. #3
    Contao-Nutzer
    Registriert seit
    10.12.2014.
    Beiträge
    59

    Standard

    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

  4. #4
    Contao-Fan Avatar von joe
    Registriert seit
    20.06.2009.
    Ort
    Lüneburg
    Beiträge
    687
    User beschenken
    Wunschliste

    Standard

    Naja du kannst dir auch mit dem HTML Element einen Link drum rum bauen und mit den Inserttags verlinken.
    Trainings und Coachings zur Fort und Weiterbildung sowie Beratung in den Bereichen Contao, JavaScript, jQuery, VueJS, React, PHP, NodeJS und vielen weiteren Themen.

    Mehr unter jgreg.dev

    Follow me on Twitter @JoeRayGregory

  5. #5
    Contao-Nutzer
    Registriert seit
    10.12.2014.
    Beiträge
    59

    Standard

    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

  6. #6
    Contao-Fan Avatar von joe
    Registriert seit
    20.06.2009.
    Ort
    Lüneburg
    Beiträge
    687
    User beschenken
    Wunschliste

    Standard

    Wie gesagt du brauchst einen Mutter Container der position relative hat. Das kann auch ein Artikel sein

    Stecken die beiden elemente in einem Artikel?
    Trainings und Coachings zur Fort und Weiterbildung sowie Beratung in den Bereichen Contao, JavaScript, jQuery, VueJS, React, PHP, NodeJS und vielen weiteren Themen.

    Mehr unter jgreg.dev

    Follow me on Twitter @JoeRayGregory

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •