Artikel verlinken

Hi zusammen,

ich habe auf meiner Startseite mehrere Artikel, jeder Artikel hat ein Bild und über dem Bild liegt etwas Text.
Jetzt würde ich gerne den kompletten Artikel verlinken, also sobald ich auf das Bild bzw das Div klicke.
Gibt es da eine Möglichkeit?

Danke schonmal!

Hallo herrsaidy,

ich bin nicht sicher, dass ich dich verstehe...
Du willst jeweils ein div mit Text und ein Bild quasi als Button einrichten, der zu einer anderen Seite führt?

Damit nimmst du dir auf jeden Fall die Möglichkeit, im Text andere Hyperlinks zu haben. Mit dem Bild sollte das natürlich ganz normal funktionieren.
Ein div darf nicht in einem Anker <a> liegen, folgendes ist also nicht möglich:

HTML-Code:

---

<a href="xxx"><div>bla blubb</div></a>

---

Spontan fällt mir da nur ein, über deinen gesamten Artikel einen unsichtbaren Anker zu legen. Dazu baust du in jeden Artikel ein Element ein, das nur den gewünschten Link enthält und eine CSS-Klasse hat, mit der du dieses Element so formatierst, dass es genau über dem Artikel-div liegt.

Hoffe, das hilft dir weiter,

Gruß, folkfreund

Zitat:

---

Zitat von folkfreund

Ein div darf nicht in einem Anker <a> liegen, folgendes ist also nicht möglich:

HTML-Code:

---

<a href="xxx"><div>bla blubb</div></a>

---

---

Das dachte ich bisher auch, aber wie ich heute gelernt habe, ist das in HTML5 erlaubt. Das wäre also tatsächlich eine Möglichkeit.

Hallo,

richtig ... mit html5 ist das o.g. möglich, also <a> um <div>, aber aktuell gibt es mit Contao Bordmitteln keine Möglichkeit dies zu tun, außer mit einem eigenen html-Element, deshalb haben wir dafür ein kleines JS. Morgen ist ja wieder Contao-Call im Mumble ... wenn ich daran denke, frage ich mal in die Runde, wie man das am besten umsetzen könnte.

fg
nicky

Was spricht gegen semantic_html5 :)

hab eines von beiden genommen

https://contao.org/de/extension-list....80059.de.html


oder


ce_page_teaser

Zitat:

---

Zitat von andreasisaak

Was spricht gegen semantic_html5 :)

---

Wie kann ich damit ein umschliessendes <a></a> um einen Artikel erzeugen? In meinem Anwendungsfall ginge es darum, die in der Seitenspalte dargestellte Nachrichtenliste jeweils pro Nachricht als Ganzes zu verlinken. Ich habe semantic_html5 eh schon als Erweiterung in dieser Installation, aber <a> finde ich da nicht als Element. Lässt sich das halbwegs einfach um weitere Elemente erweitern?

Edit: Ich denke, die Erweiterung entsprechend zu ergänzen bekomme ich hin, habe die Elemente mittlerweile im Quellcode gefunden. Aber geht das auch irgendwie updatesicher (also bzgl Updates von semantic_html5)?

Ich habe gerade mal meinen oben skizzierten Ansatz ausprobiert, und er funktioniert einwandfrei und ganz ohne Erweiterung oder JS:

1. Im Artikel am Ende ein CE Hyperlink einfügen und ihm die CSS-Klasse 'artikelLink' geben
2. 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;
}

---

Solange das CSS fehlt erscheint der Hyperlink wie gewohnt, mit allen bekannten Optionen.

Mit CSS kannst du sogar noch a:hover nutzen um z.B. eine Border zusetzen...

Gruß, folkfreund

Du kannst in semantic_html5 neue Elemente in den Contao-Einstellungen hinzufügen.

Ah, super, dass es da Einstellungen für gibt war mir noch gar nicht aufgefallen :rolleyes::o

Zitat:

---

Zitat von andreasisaak

Was spricht gegen semantic_html5 :)

---

Och menno ... bis auf semantic_html5 natürlich ... ist mir total entgangen! ;-)

fg
nicky