[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
W nagrode nie wiem co tutaj sie stawia piwo czy co ;D To postawie nawet i flaszke
Tutaj macie 2 potrzebne obrazki wrazie jak by ktos chcial napisac i powiedziec co i jak

Tło:

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

Hover:

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

[naitsabes]

ale w czym masz problem

a, hover
a, active {
background:... ;
}

[ciekawskiii]

no przeciez w css masz hovera to dodaj obrazek czy nie wiesz jak? albo wyjasnij dokladniej o co chodzi:D

[mafi]

No rzeczywiscie nie napisalem wam zaduzo

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

[naitsabes]

ty chcesz aby Ci sie wyswietlalo to, gdy najedziesz myszka czy gdy wejdziesz w to ?

[mafi]

gdy najade ma pod tym odsylaczem co najade pokazac sie obrazek hover ten ktory umiecilem w pierwszym poscie.

[naitsabes]

[HTML] pobierz, plaintext 
ul a:hover,
ul a:active {
	background-image: url(top_hover.jpg);
	border: none;
}
[HTML] pobierz, plaintext 

zmien to na taki kod Wyedytuj to sobie do swojego projektu

Ten post edytował naitsabes 7.11.2010, 12:51:31

[ciekawskiii]

o to dodaj do a:hover adres url obrazka

masz pryklad w swoim css w #top

[mafi]

Nie rozumiecie mnie chyba sprubujcie zakodowac takie menu:

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


tutaj macie obrazki potzebne do zakodowania:

Tło:

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

Hover:

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

[naitsabes]

pytales jak zrobic to z hoverem... podalem Ci kod, wyglad strony sobie dostosuj...

[ciekawskiii]

ja juz wiem o co chodzi, Ty chcesz zeby ktos Ci cale menu napisal:D

poszukaj, jest pelno gotowych rozwiazan...

[mafi]

kurde ... teraz jak by mi ktos takie menu napisal bylo by dobrze bo mi nie wychodzi ... a ty jak podales mi kod to ten kod nie dziala ... pozatym hover bedzie tylko do tekstu ten obrazek nie wczyta sie caly ... rozumiesz juz?
Jesli jest ktos dobrym czlowiekiem moze napisac za piwko to menu.

[naitsabes]

a ty jak podales mi kod to ten kod nie dziala ... pozatym hover bedzie tylko do tekstu ten obrazek nie wczyta sie caly ... rozumiesz juz?

na localhoscie sprawdzalem dziala... napisalem zebys dostosowal... mozesz przeciez dac height'a i width'a prawda ? jaki problem

[mafi]

U mnie nie dziala tak jak powinno mam tylko hovera tam gdzie jest tekst taki malutki, mimo ze podalem rozmiary tego obrazka oto kod:

[CSS] pobierz, plaintext 
 
ul a:active { background-image: url(top_hover.jpg);color: #fff; width: 99px; height: 31px; border: none;}
ul a:hover {background-image: url(img/top_hover.png); width: 99px; height: 31px; color: #fff; text-decoration: none; font-size: 13px; font-family: Arial;}
[CSS] pobierz, plaintext 

//Ps

No dobra powiedzmy ze mnie naprowadziles Ale teraz mam inny problem tego tekstu nie moge sobie wycenterowac ;/

Ten post edytował mafi 7.11.2010, 13:47:36

[naitsabes]

zrob aby table, mialo tlo, to czarne.... pozniej

tak jak wyzej napisalem daj

ul a:hover, // i tylko tyle
ul a:active { } //tutaj zdefiniuj tlo gdy naprowadzisz myszke na ten napis...

[mafi]

mi to tylko do tekstu dziala mozesz napisac mi na GG? to jakos moze szybciej sie dogadamy 3670989