css, podswietlenie diva Opcje

[john_doe]

Witam,

zrobiłem sobie stronicowanie wyników i teraz chciałbym aby poszczególne linki do stron pojawiały się w takich podobnych kwadracikach jak tutaj na forum. Dodatkowo chciałbym by kwadracik po najechaniu zmieniał kolor.

skleiłem takiego cssa

[HTML] pobierz, plaintext 
.najazd :hover
{
 
    background-color: green;
 
}
 
.najazd 
{
 
	width: 20px;
	height: 23px;
	border: 2px solid red;
	text-align: center;
 
}
[HTML] pobierz, plaintext 

i potem

[HTML] pobierz, plaintext 
<div class="najazd">
	<a href="#">1</a>
 </div>
[HTML] pobierz, plaintext 

podświetla mi się tylko link a nie cały DIV. Jakieś wskazówki jak takie coś się robi?

[piotrooo89]

ja bym to tak zrobił:

[HTML] pobierz, plaintext 
<style type="text/css">
.najazd
{
	width: 20px;
	height: 23px;
	border: 2px solid red;
	text-align: center;
}
.najazd a
{
	display: block;
        height: 23px;
}
.najazd a:hover
{
	background-color: green;
}
</style>
 
<div class="najazd">
<a href="#">1</a>
</div>
[HTML] pobierz, plaintext 

co by kIEpski nie miał problemu.

Ten post edytował piotrooo89 20.04.2009, 12:29:07

[john_doe]

nie chcialbym zakładać nowego wątku....

te divy wyświetlają mi się teraz jeden pod drugim. float: left mi się nie podaba też. Jak temu zaradzić?

pozdro

[piotrooo89]

czemu float: left Ci się nie podoba?

[wookieb]

Nie musi być z display:block dla a

Kod

div.najazd:hover
{
background-color: green;
}

Dla ie musisz dodać http://www.xs4all.nl/~peterned/csshover.html

Ten post edytował wookieb 20.04.2009, 13:26:14

[john_doe]

piotroo bo jak daje float: left to moje stronicowanie zmyka mi cale na lewo. Owszem bloki stoją obok siebie ale zupelnie po lewej stronie a nie na środku ekranu

[wookieb]

Bo takie coś robi się w liście (ul) z display: inline; i w środku wstawionymi linkami.