Text ausrichten, die zweite

[Rolf B]

Hallo Jochen,

und wieder einmal ist deine Frage mehrdeutig.

Das Beispiel, das Du verlinkst, enthält keinen Link. Möchtest Du, dass aus dem Media-Item ein Link wird? Oder möchtest Du, dass das Bild und der Text im Media-Item jeweils ein eigener Link sind, die unterschiedliche Ziele haben?

Wenn das ganze Media-Item ein Link sein soll, dann hülle den <li>-Inhalt in ein <a>-Element ein und ändere das CSS so, dass nicht mehr das li, sondern das a-Element zum Grid wird. Der Selektor li>img muss dann auch angepasst werden, damit er das img-Element wieder trifft.

Wenn Bild und Text zwei unterschiedliche Links sein sollen, ist die im Beispiel genutzte HTML Struktur ungünstig. Es wäre dann einfacher, wenn man z.B. nur das h3 Element zum Link machte. Wenn man aber img und h3 in a-Elemente einhüllt, muss wieder das CSS angepasst werden. Darauf gehe ich nur dann näher ein, wenn genau das dein Wunsch ist.

Rolf