[CSS]Aktywny przycisk w CSS Opcje

[joel-1]

Witam!
Jestem początkującym w zakresie CSS. Mam pewien problem kiedyś stworzyłem taki kod który mi śmigał bez żadnych problemów. Dzisiaj chciałem go użyć ale nie działa. Bardzo proszę o pomoc co jest nie tak. Dodam jeszcze że przeglądarka wie że plik trzeba pobrać ale nie wyświetla go.

Kod styli:

Kod

#menu_newsy {
         display: block;
         width:118;
         height:53;
         background: url('images/4.jpg') no-repeat;
         border: 0px;
}

#menu_newsy:hover {
         background-position: 0 -53px;
}

A do skryptu odnoszę się takim kodem:

Kod

<a id="menu_newsy" href="www.xxx.pl"></a>

Z góry dzięki za odpowiedzi.

[Kshyhoo]

background-position: 0 -53px;

Jaki masz wymiar tego obrazka? -53px oznacza, że przesuwasz o 53px wyświetlanie...

[mmica]

Hey ;]
Przede wszystkim w stylach nie podałeś jednostek przy wysokości oraz szerokości (np. px).

U mnie taki kod działa bez problemu (oczywiście zależy co ma znaczyć "działa"):

[HTML] pobierz, plaintext 
<style>
#menu_newsy {
         display: block;
         width:118px;
         height:53px;
         background: red;
         border: 0px;
}
 
#menu_newsy:hover {
         background-position: 0 -53px;
}
</style>
<a id="menu_newsy" href="www.xxx.pl"></a>
[HTML] pobierz, plaintext 

W linii 6. zamieniłem tło obrazkowe na kolor. Przeglądarka wypisuje na ekran czerwony klikalny prostokąt, prowadzący do "www.xxx.pl".

Nie rozumiem tylko jaki plik ma pobrać przeglądarka, a potem go wyświetlić. Nie jest też dla mnie jasne do jakiego skryptu chcesz się odnieść (miałeś na myśli style?).

Pozdrawiam,
mmica

[user767]

http://www.pagetutor.com/button_designer/index.html

[thek]

zobacz dokładnie czego ci brakuje w definicji menu_newsy przy definicji background, by móc się cieszyć z możliwości CSS sprites. Brak Ci sprecyzowania pozycji początkowej obrazka.