[CSS][HTML] Problem z top menu Opcje

[mafi]

Witam, mam problem z zakodowaniem top menu i chciał bym sie was zapytac czy pomoglibyscie mi badz naprowadzilibyscie mnie na jakas droge ;D

Wiec tak menu powinno wygladac tak :

http://zapodaj.net/acb3006fcd6c.png.html

Mi chodzi o zrobienie hovera tak jak na tym obrazku pomozcie (IMG:style_emoticons/default/smile.gif)
W nagrode nie wiem co tutaj sie stawia piwo czy co ;D To postawie nawet i flaszke (IMG:style_emoticons/default/smile.gif)
Tutaj macie 2 potrzebne obrazki wrazie jak by ktos chcial napisac i powiedziec co i jak (IMG:style_emoticons/default/winksmiley.jpg)

Tło:

http://zapodaj.net/a7288fcf6cae.png.html

Hover:

http://zapodaj.net/675eae82d3c5.png.html

[mafi]

No rzeczywiscie nie napisalem wam zaduzo (IMG:style_emoticons/default/winksmiley.jpg)

Mam taki kod html:

[HTML] pobierz, plaintext 
<div id="top">
 
	<ul>
		<li><a href="#" title="Strona Główna">Strona Główna</a></li>
		<li><a href="#" title="Strona Główna">Rejestracja</a></li>
		<li><a href="#" title="Strona Główna">Logowanie</a></li>
		<li><a href="#" title="Strona Główna">Uzytkownicy</a></li>
		<li><a href="#" title="Strona Główna">Forum Elite</a></li>
		<li><a href="#" title="Strona Główna">Szukaj</a></li>
		<li><a href="#" title="Strona Główna">Pomoc</a></li>
		<li><a href="#" title="Strona Główna">Kontakt</a></li>
	</ul>
 
 
</div>
[HTML] pobierz, plaintext 

i css:

[CSS] pobierz, plaintext 
ul, ul li { display: block; list-style: none; margin: 0; padding: 0;}
ul li{ width: 99px; height: 31px; margin: 0 7px; top: 8px; margin: 0 25px; display: inline; position: relative;}
ul a:link, ul a:visited {color: #fff; text-decoration: none; font-size: 13px; font-family: Arial;}
ul a:hover {background-image: url(img/top_hover.png); width: 99px; text-align: center; position: relative;  color: #fff; text-decoration: none; font-size: 13px; font-family: Arial;}
[CSS] pobierz, plaintext 

hover nie wyswietla sie tak jak powienien.

Ten post edytował mafi 7.11.2010, 12:32:16