Vraag : De muis van de navigatie over probleem

Het is één van die dagen…

How ik ertoe brengt het mouseovereffect om volledig binnen de grensbeperkingen te passen.  Op dit ogenblik toont het niet op de rechterkant. Wanneer ik het opvullen wijzig, zift het de navigatie als gek wanneer u en mouseover probeert.   ja, weet ik ik opvullende lijst op een aantal rijen heb, helpt het me om het te doen dat manier om het te proberen en ertoe te brengen om te werken. Ik bracht het toen op één lijn samen toen het kijken good.

http://nsitedesigns.com/ns itedesigns/salentino/test.html
" codeBody "
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 {breedte: 846px;
achtergrond-kleur: #362650;
achtergrond-beeld: url (img/back_navigation.jpg);
achtergrond-herhaling: herhaling-y;
het opvullen: 5px 0px; /*height van nav bar*/

}

#nav ul {
	lijst-stijl: niets;
	vertoning: gealigneerd;
	doopvont-grootte: 1.1em;
	
	
}
ul Li #nav {
	vertoning: gealigneerd;
	tekst-richt me: linker;
	lijst-stijl: niets;
	

}
#nav Li a {
	kleur: #f7f1db;
	tekst-decoratie: niets;
	vertoning: gealigneerd;
marge-linkerzijde: 35px;
op:vullen-linkerzijde: 0px;
	op:vullen-bovenkant: 6px;
	op:vullen-bodem: 5px;
	op:vullen-recht: 35px;
	grens-recht: 1px stevige #f7f1db;
}
#nav Li a: hang {
	kleur: #362650;
	achtergrond-kleur: #99b069;
	op:vullen-linkerzijde: 0px;
	op:vullen-bovenkant: 6px;
	op:vullen-bodem: 5px;
	op:vullen-recht: 35px;
	marge-linkerzijde: 35px;
	 }

Antwoord : De muis van de navigatie over probleem

Hallo nsitedesigns,
Er zijn verscheidene dingen dat moet verandere/worden aangepast.
U zult niet de linkerruimte kunnen van de hand doen omdat de lijstpunten vertoning zijn: gealigneerd, zouden zij moeten worden gedreven om hen volledig aangrenzend te krijgen, maar het drijven zou de middengroepering ruïneren, zo dan moeten wij het linker opvullen UL manueel aanpassen.

Ook is de linkergrens niet de zelfde hoogte omdat de elementen niet de zelfde hoogte zijn.

Ik heb ook opgemerkt dat er een extra pixel eveneens in de hoogte van de kopbal is.

Probeer vervangend uw passende CSS klassen met degenen hieronder en controle hoe het gaat.

Juicht toe
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 {
achtergrond-kleur: #362650;
achtergrond-beeld: url („img/back_navigation.jpg“);
achtergrond-herhaling: herhaling-y;
vertoning: gealigneerd-blok;
overstroming: verborgen;
op:vullen-linkerzijde: 55px;
breedte: 791px;
}

.twoColFixRtHdr #header {
achtergrond-beeld: url („img/header.jpg“);
achtergrond-herhaling: geen-herhaling;
hoogte: 227px;
}

ul Li #nav {
vlotter: linker;
lijst-stijl: niets buiten niets;
tekst-richt me: linker;
}

#nav Li a {
grens-recht: 1px stevige #F7F1DB;
kleur: #F7F1DB;
vertoning: blok;
het opvullen: 6px 35px 5px;
tekst-decoratie: niets;
}
Andere oplossingen  
 
programming4us programming4us