[CSS]hover na div id Opcje

[Hosiek]

Mam takie pytanie, jak określic w css hover na diva na id nie na class ? Mam tak

[HTML] pobierz, plaintext 
<li id="nazwa">tuaj link</li>
[HTML] pobierz, plaintext 

[shikamaru88]

Na tego li nie nałożysz hover bo wszystko przykrywa img który jest w a. Możesz zrobić tak co będzie bardziej eleganckim rozwiązaniem. Zamiast img w a to daj a

[CSS] pobierz, plaintext 
display: inline-block;
background: url('twoj url');
width: COSpx;
height: COSpx;
[CSS] pobierz, plaintext 

z tego co widzę każdy a ma taką samą wysokość i szerokość więc piszesz w css coś takiego;

[CSS] pobierz, plaintext 
 
ul.menu a {
  width: 87px;
  height: 51px;
}
 
li#item-435 a {
     background: url('background');
}
 
li#item-435 a:hover {
    background: url('background');
}
 
[CSS] pobierz, plaintext 

i tak dla każdego li takie rozwiązanie na szybko. Jeszcze możesz zrobić coś ala sprites czyli w jednej grafice umieścić background i hover, a później tylko dla hovera scrollować odpowiednio background np.

[CSS] pobierz, plaintext 
 li#item-435 a {
     background: url('background');
}
 
li#item-435 a:hover {
    background-position: 0 51px;
}
 
[CSS] pobierz, plaintext 

Ten post edytował shikamaru88 13.06.2011, 23:11:23