odsyłanie do linku po kliknięciu w element tła Opcje

[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:

[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 

[kamil4u]

Trochę by trzeba było poprawiać (IMG:style_emoticons/default/smile.gif)
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%;

Ten post edytował kamil4u 7.09.2011, 14:23:05