Frage : Navigationsmaus über Problem

Es ist eins von jene Tag…

How ich erhält den mouseover Effekt, um innerhalb der Randbegrenzungen völlig zu passen.  Im Augenblick zeigt es nicht auf der rechten Seite an. Wenn ich das Auffüllen ändere, rüttelt es die Navigation wie verrücktes, wenn Sie und mouseover versuchen.   Irgendwie ja, weiß ich, dass ich Auffüllenauflistung auf einigen Reihen habe, hilft sie mir, sie zu tun so, es zu versuchen und zu erhalten, um zu arbeiten. Ich fügte sie dann auf eine Linie zusammen, als, 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:
6:
37:
38:
39:
40:
41:
42:

#nav {Breite: 846px;
Hintergrundfarbe: #362650;
Hintergrundbild: URL (img/back_navigation.jpg);
Hintergrund-wiederholen: wiederholen-y;
Auffüllen: 5px 0px; /*height von nav bar*/

}

#nav UL {
	Listeart: keine;
	Anzeige: inline;
	Gussgröße: 1.1em;
	
	
}
#nav UL-Li {
	Anzeige: inline;
	Text-ausrichten: link;
	Listeart: keine;
	

}
#nav Li a {
	Farbe: #f7f1db;
	Textdekoration: keine;
	Anzeige: inline;
Seitenrand-link: 35px;
Auffüllen-link: 0px;
	Auffüllenoberseite: 6px;
	Auffüllenunterseite: 5px;
	Auffüllen-recht: 35px;
	Rand-recht: 1px festes #f7f1db;
}
#nav Li a: Schwebeflug {
	Farbe: #362650;
	Hintergrundfarbe: #99b069;
	Auffüllen-link: 0px;
	Auffüllenoberseite: 6px;
	Auffüllenunterseite: 5px;
	Auffüllen-recht: 35px;
	Seitenrand-link: 35px;
	 }
Attachments:

Antwort : Navigationsmaus über Problem

Hallo nsitedesigns,
Es gibt einige Sachen, das geändert werden/justiert werden muss.
Sie in der Lage sind nicht, den linken Raum loszuwerden, weil die Listeneinzelteile Anzeige sind: inline müssen sie geschwommen werden, um sie völlig angrenzend zu erhalten, aber das Schwimmen ruinieren die mittlere Ausrichtung, so dann wir muss das linke Auffüllen auf das UL manuell einstellen.

Auch der linke Rand ist nicht auf die gleiche Höhe, weil die Elemente nicht auf die gleiche Höhe sind.

Ich beachtet auch, dass es ein Extrapixel in der Höhe der Überschrift außerdem gibt.

Versuchen, Ihre zusammenpassenden CSS-Kategorien durch die zu ersetzen unten und überprüfen, wie es geht.

Beifall
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 {
Hintergrundfarbe: #362650;
Hintergrundbild: URL („img/back_navigation.jpg“);
Hintergrund-wiederholen: wiederholen-y;
Anzeige: Inline--blockieren;
Überlauf: versteckt;
Auffüllen-link: 55px;
Breite: 791px;
}

.twoColFixRtHdr #header {
Hintergrundbild: URL („img/header.jpg“);
Hintergrund-wiederholen: kein-wiederholen;
Höhe: 227px;
}

#nav UL-Li {
Hin- und Herbewegung: link;
Listeart: keine außerhalb keiner;
Text-ausrichten: link;
}

#nav Li a {
Rand-recht: 1px festes #F7F1DB;
Farbe: #F7F1DB;
Anzeige: Block;
Auffüllen: 6px 35px 5px;
Textdekoration: keine;
}
Weitere Lösungen  
 
programming4us programming4us