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:

[HTML] pobierz, plaintext 
/* 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;
}
[HTML] pobierz, plaintext 

Trochę by trzeba było poprawiać
Najważniejsze jest nadanie <a> w CSS display: block; to generalnie załatwia sprawę, ale w swoim kodzie masz ustawiony padding na <div>-ach, który trochę psuje cały efekt - usuń go.

I w tym przypadku kod HTML powinien być listą: <ul>, <li> + odpowiednie ostylowanie CSS

--edit--
Ew. możesz dodać dla <a> width: 100%; hieght: 100%;

Dzięki wielkie za pomoc, twoje rady były bardzo użyteczne. Uzyskałem rezultat o, który 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