16-09-2011, 14:51
Kolego. Masz 4 linki, dla każdego chcesz oddzielny hover.
Dlatego musisz opisać każdy odzielnie czyli
Jak widzisz każdy link ma odpowiednio przesunięte tło (przesunięcie = -szerokość wcześniejszych elementów).
Napisałem kiedyś skrypt do Photoshopa CS5, który tobi to automatycznie, a przynajmniej pomaga:
http://doman.art.pl/2011-02-27/show
Dlatego musisz opisać każdy odzielnie czyli
Kod:
#list1 {width:118px; background-position:0 0;}
#list1:hover {background-position:0 -56px;}
#list2 {width:109px; background-position:-118px 0;}
#list2:hover {background-position:-118px -56px;}
#list3 {width:141px; background-position:-227px 0;}
#list3:hover {background-position:-227px -56px;}
itd
Jak widzisz każdy link ma odpowiednio przesunięte tło (przesunięcie = -szerokość wcześniejszych elementów).
Napisałem kiedyś skrypt do Photoshopa CS5, który tobi to automatycznie, a przynajmniej pomaga:
http://doman.art.pl/2011-02-27/show