[css] odsyłanie do linku po kliknięciu w element tła

[kaizen]

Witam,

Mam pytanie.

Stworzyłem sobie listę "marzeń", które chce zrealizować. Lista dostępna jest tutaj: http://tojakaizen.pl/moje-marzenia

Niektóre z napisów są odsyłaczami. Chciałbym zrobić tak, że nie potrzeba klikać dokładnie w napis, aby przenieść się do kolejnej strony. Wystarczyłoby aby kliknąć w tło (w dowolne miejsce na prostokącie). Czy może mi ktoś pomóc jak to zrobić?


kod css strony:

Kod:

/* Dreams ------------------------------*/
    
    .dream {
    padding: 4px 5% 4px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    margin: 0 0 2px 0;
    }
    
    .dream.white {
    background: #fff;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
    }
    
    .dream.white:hover{
    color:#3B3B3B;
    background: #F0F0F0;
    }
    
    .dream.white a {
    color:#444444;
    text-decoration:underline;
    }
    
    .dream.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
    }
    
    .dream.green:hover{
    color:#5C8B2E;
    background: #C8FEBA;
    }
    
    .dream.green a {
    color:#5f8b33;
    text-decoration:underline;
    }

[R_Rafalsky]

Div .dream.white ładujesz w znacznik <a href="odnośnik">

Czyli

Kod:

<a href="odnośnik"><div class="dream white">4. Zwiedzić USA</div> </a>

[Pedro84]

@R_Rafalsky: NIE!!! Już sam wiesz dlaczego :]

Stylujesz link: wyświetlanie blokowe (lub liniowo-blokowe), szerokość oraz wysokość na 100% i masz.

[R_Rafalsky]

Racja, przyznaję się do błędu

[kaizen]

Pedro84: Dzięki wielkie, twój post był pomocny, uzyskałem efekt o jaki mi chodziło.

Teraz tylko muszę się zastanowić jak wyróżnić teksty, które mają odnośnik od tych które go nie mają. Żeby użytkownicy wiedzieli, że niektóre punkty z listy prowadzą dalej

[Pedro84]

Zwyczajnie, za pomocą CSS

Jeśli link będzie miał 100%, to zasłoni tło diva, czyż nie?