div container verlinken
Liste der Anhänge anzeigen (Anzahl: 3)
Hallo ihr lieben,
bin ziemlicher Neuling und komme bei einem Problem nicht weiter. Habe 4 div Container nebeneinander, von denen alle ein Bild sowie text (der ebenfalls verlinkt ist) beinhalten. Der Hintergrund der einzelnen container ist dunkelgrau. Momentan ist es so, dass man nur der Text ( eine Headline ) verlinkt ist. Möchte es aber gerne so haben, dass der gesamte Container, also der graue Hintergrund ein link ist. Habe schon verschiedene Varianten ausprobiert, <a href um jeden einzelnen container, <a href innerhalb jedes einzelnen containers, und auch im CSS "display:Block" eingefügt. Kann mir vielleicht jemand dabei helfen? Scheint nicht so einfach zu sein! Habe mich schon überall umgesehen, aber ich bekomme es einfach nicht hin. Vielen Dank schonmal. |
du musst das a href innerhalb deines containers haben so wie ich das sehe. display block darf dann nicht fehlen. Da du das schon ausprobiert hast -> Was war daran unzufriedenstellend? Wo genau hast du display:block angewandt? (Hinweis: Es muss auf das a-Element angewandt werden).
Code:
<a href=""> |
die Bilder wurden nicht mehr angezeigt und die einzelnen Container waren nicht mehr nebeneinander in Reihe sondern untereinander und die Texte verschoben.
display:block habe ich wie auf CSS Screenshot angehängt, bei den Spaltendefinitionen .col_1_4 eingefügt. |
Dann has du display:block auf das falsche Element angewandt. Um dir besser helfen zu können ist es wirklich hilfreich dass du deinen Code, welchen du probiert hast (und mit dem du nicht zufrieden warst) hier postest (KEIN! Screenshot). Dann kann man von dort aus weiterarbeiten.
|
habe den Code wie du ihn vorgegeben hast ergänzt, und das Layout sieht gut aus.
Allerdings ist der link nicht über die komplette graue Fläche aktiv ( wie ich es eigentlich gerne hätte), sondern nur auf dem Bild und der Headline "web" :cry: |
HTML-Code:
<!DOCTYPE html> |
hier noch die CSS Datei
Code:
@charset "utf-8"; |
wo und was müsste ich hier im CSS einfügen?
|
Am Besten ist es, du gibst den Links eine eigene Klasse damit du sie gezielt ansprechen kannst:
Code:
<a href="corporate.html" class="link-teaser"> ..... </a> |
Hab ich so abgeändert.
Layout passt, aber leider ist immernoch nur das Bild und die Headline als link aktiv. Aber nicht der graue Kasten. Denke ich werde es erstmal so lassen. Falls jemandem noch was einfällt ...... :D |
Alle Zeitangaben in WEZ +2. Es ist jetzt 17:19 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023