Aus dem Kurs: CSS: Responsive Flexbox-Layouts für Profis

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Die ganze Karte als Link

Die ganze Karte als Link – Tutorial zu CSS

Aus dem Kurs: CSS: Responsive Flexbox-Layouts für Profis

Gratismonat starten Für Ihr Team erwerben

Die ganze Karte als Link

“

Das reponsive Card-Layout hier sieht eigentlich schon ganz gut aus, es gibt nur noch ein kleines Problem, auf das ich Sie eben hinweisen möchte und zwar, wenn man hier mit der Maus über eine lange Karte fährt, dann ist die gesamte Karte hier ein Link. Das ist wie im HTML gezeigt. Ich zeige es noch einmal. Das ist wie im HTML vorgegeben. Hier sehen Sie, innerhalb der Karte ist der Link, der alles ausfüllt und da drin sitzen die Graphik und der Text. Das ist hier bei den hohen Karten der Fall, aber bei den etwas kürzeren Karten hier, mit weniger Inhalt... Naja, die Karten sind gleich lang, aber bei dem etwas kürzeren Inhalt hier fällt auf, dass wenn ich nach unten gehe, plötzlich der Link weg ist. Das heißt also: Hier wird gelinkt. Hier wird nicht gelinkt. Das hat Konsequenzen, denn das liegt daran, dass hier der Hyperlink nicht die gesamte Karte ausfüllt und so sieht man hier z. B. den eigentlich definierten Box-Shadow nicht. Hier ist ein "box-shadow" in "card-styles.css" definiert…

Inhalt