[CSS] background-position

[Tomek]

Strona: http://www.tomasiek.cp.win.pl/bizuteria
Problem:
4 divy, puste, odpowiedzialne za wyświetlenie...wejścia (jeszcze nie klikalne - ale hover już działa), ułożone jeden na drugim po dwa (mam nadzieję że jasne). Diwy mają tło. Jest to jeden plik (zarówno dla wersji normalnej jaki i :hover) składający się z ośmiu kwadratów - 4 są włączone, 4 wyłączone.
Tło jest wypozycjonowane przy pomocy background-position

Kod: Zaznacz cały

background-image: url('grafika/logo.jpg');
background-position:left -224px;

No i chodzi o to -224px - działa dobrze... ale... wywala błąd w walidatorze...
(upór maniaka - ale też chęć znalezienia dobrej metody na to)

[Gość]

No i dobrze, że wywala błąd . Zobacz:

background-position: [ [<percentage> | <length> | top | center | bottom] || [<percentage> | <length> | left | center | right] ] | inherit

Jak widzisz LEFT i RIGHT są jako drugi parametr. U ciebie są jako pierwszy.

Nie wiem co chcesz uzyskać, ale spróbuj tak:

Kod: Zaznacz cały

background-position: 0 -224px; /* dla pozycji X z lewej */
background-position: 100% -224px; /* dla pozycji X z prawej */
background-position: -224px 0; /* dla pozycji Y od góry */
background-position: -224px 100%; /* dla pozycji Y od dołu */


[Tomek]

eh... ślepota.... no i głupota... zła kolejność.... wstyd...
A co chcę uzyskać - menu obrazkowe

//edit
poprawiłem i działa! Wielkie dzięki.

[Zajec]

Ładna strona, gratuluję wykonania