Background-position problem Opcje

[pietrov8]

Witam.

Mam oto taki nurtujący mnie od dłuższego czas problem.

[HTML] pobierz, plaintext 
 
<a href="#">Tekst</a>
 
a{
        display:block;
	width:200px;
	height:30px;
	background:url(obraz.img) top right no-repeat;}
	a:hover{
		background-position:bottom right;}
[HTML] pobierz, plaintext 

I teraz mam obraz.img złożony z dwóch elementów 15px x 15px. Jeden jest dla stanu nieaktywnego a drugi dla :hover. Po zastosowaniu powyższego kodu wyświetla mi się cały obraz zamiast pierwszej części.

Czy jest jakiś sposób na zastosowanie takiego chwytu?? Czy w tym przypadku muszę mieć oba obrazki w osobnych plikach??

Ten post edytował pietrov8 21.07.2011, 19:13:15

[erix]

Nie musisz.

Tylko trzeba zadbać o odpowiednie rozmiary i umiejscowienie grafik w jednym obrazie.