Pytanie : Nawigacja mysz nad problem

Ono być jeden tamte dzień…

How I dostawać the mouseover skutek w pełni wśród the rabatowy przymus.  Teraz ono wystawiać na the prawa strona. Gdy I modyfikować the podszycie, ono dżig the nawigacja jak szalony gdy ty próbować i mouseover.   Jakaś tak, I znać I mieć podszycie pozycja na liczba rząd, ono pomagać ono ten sposób i ono. I wtedy stawiać ono wpólnie na jeden kreskowy gdy patrzeć good.

http://nsitedesigns.com/ns itedesigns/salentino/test.html
(1):
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
#nav {szerokość: 846px;
tło-barwić: #362650;
tło-wizerunek: url (img/back_navigation.jpg);
tło-powtarzać: powtarzać-y;
podszycie: 5px 0px; /*height nav bar*/

}

#nav ul {
	spisywać-projektować: nikt;
	pokaz: inline;
	chrzcielnica-sortować: 1.1em;
	
	
}
#nav ul li {
	pokaz: inline;
	tekst-wyrównywać: lewy;
	spisywać-projektować: nikt;
	

}
#nav li a {
	kolor: #f7f1db;
	tekst-dekoracja: nikt;
	pokaz: inline;
margin-lewy: 35px;
podszycie-lewy: 0px;
	podszycie-nakrywać: 6px;
	podszycie-zgłębiać: 5px;
	podszycie-dobro: 35px;
	graniczyć-dobro: 1px bryła #f7f1db;
}
#nav li a: hover {
	kolor: #362650;
	tło-barwić: #99b069;
	podszycie-lewy: 0px;
	podszycie-nakrywać: 6px;
	podszycie-zgłębiać: 5px;
	podszycie-dobro: 35px;
	margin-lewy: 35px;
	 }
Attachments:
niemądry button
 niemądry guzik

Odpowiedź : Nawigacja mysz nad problem

Cześć nsitedesigns,
Tam  być kilka rzecz ten potrzeba zmieniać/nastawiony.
Ty być sprawnie pozbywać się the lewy przestrzeń ponieważ the lista rzecz być pokaz: podszycie, musieć unosić się w pełni graniczący, ale rujnować the środkowy wyrównanie, w ten sposób wtedy my potrzebować ręcznie the lewy podszycie dla the UL.

Także the lewy granica być the ten sam wzrost ponieważ the element być the ten sam wzrost.

I także zauważać że tam  być ekstra piksel w the chodnikowiec wzrost także.

Próbować twój dopasowywanie CSS klasa z the ono ono i sprawdzać jak ono iść.

Otucha
(1):
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
#nav {
tło-barwić: #362650;
tło-wizerunek: url ("img/back_navigation.jpg");
tło-powtarzać: powtarzać-y;
pokaz: inline-blokować;
przelew: chować;
podszycie-lewy: 55px;
szerokość: 791px;
}

.twoColFixRtHdr #header {
tło-wizerunek: url ("img/header.jpg");
tło-powtarzać: żadny-powtarzać;
wzrost: 227px;
}

#nav ul li {
pławik: lewy;
spisywać-projektować: nikt na zewnątrz nikt;
tekst-wyrównywać: lewy;
}

#nav li a {
graniczyć-dobro: 1px bryła #F7F1DB;
kolor: #F7F1DB;
pokaz: blok;
podszycie: 6px 35px 5px;
tekst-dekoracja: nikt;
}
Inne rozwiązania  
 
programming4us programming4us