Zentrieren eines horizontalen Spion Menüleiste Lee Margolies - 11-05-2009
Ich versuche, eine horizontale Mitte Spion Menüleiste auf einer Seite. Aus irgendeinem Grund dh, FF und Safari sind alle Links rechtfertigen das Menü und wenn ich nicht ein Padding-Eigenschaft haben (siehe unten) in der Ul..Menubarhorizontal es verschiebt die gesamte bar etwa 20 Pixel nach rechts.
Sie können keine Hilfe bieten wird geschätzt...
Thanx,
LM
/ * Den äußersten Behälter der Menüleiste, Ein Auto-Feld "Breite" ohne Marge oder Padding * /
Ul.Menubarhorizontal
{
Margin: 0;
Padding: 0;
Breite: 666px;
}
/ * Setzen der aktiven Menüleiste mit dieser Klasse, Derzeit auf Z-index zu machen, dh Bug Platz: http:/ / therealcrisp.Xs4all.Nl / meuk / ie-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * Menüpunkt Container, Position Kindern, gemessen an diesem Container und eine feste Breite * /
Ul.Menubarhorizontal li
{
List-style-type: None;
Font-size: 100%;
Position: Relative;
Line-Höhe: -15;
Cursor: Pointer;
Breite: 133.2px;
Float: Left;
}
/ * Untermenüs sollte unter ihrer Eltern erscheinen (oben: 0) mit einer höheren Z-index, Aber sie werden zunächst von der Linken Seite des Bildschirms (-1000em) * /
Ul.Menubarhorizontal Ul.
{
Margin: 0;
Padding: 0;
List-style-type: None;
Font-size: 100%;
Z-index: 1020;
Cursor: DefaUlt;
Verließ: -1000em;
Breite: 160px;
Position: Absolute;
Background-Farbe: # 005dab;
Farbe: # fff;
}
/ * Untermenü, das zeigt, mit der Klasse Bezeichnung menubarsubmenuvisible ist, Setzen wir auf auto Links, so kommt es auf den Bildschirm unter dem übergeordneten Menüpunkt * /
Ul.Menubarhorizontal Ul..Menubarsubmenuvisible
{
Verließ: Auto;
/ * Untermenü, das zeigt, mit der Klasse Bezeichnung menubarsubmenuvisible ist, Setzen wir auf 0 Links, so kommt es auf den Bildschirm * /
Ul.Menubarhorizontal Ul..Menubarsubmenuvisible Ul..Menubarsubmenuvisible
{
Verließ: Auto;
Spitze: 0;
}
/ * Menüpunkte sind ein helles Grau-Block mit Polsterung und keinen Text Dekoration * /
Ul.Menubarhorizontal ein
{
Anzeige: Block;
Cursor: Pointer;
Background-Farbe: # fff;
Padding: 0.5em 0.75em;
Farbe: # 005dab;
Text-decoration: None;
Text-align: Center;
}
/ * Menüpunkte, die Maus über oder Fokus haben einen blauen Hintergrund und weißem Text * /
Ul.Menubarhorizontal ein:Hover, Ul.Menubarhorizontal ein:Fokus
{
Background-Farbe: # 005dab;
Farbe: # fff;
}
Ul.Menubarhorizontal Ul a (
Text-align: Left;
}
/ * Menüpunkte, die mit Untermenüs sind so eingestellt, mit einem blauen Hintergrund und weißem Text * menubaritemHover offen /
Ul.Menubarhorizontal ein.MenubaritemHover, Ul.Menubarhorizontal ein.MenubaritemsubmenuHover, Ul.Menubarhorizontal ein.Menubarsubmenuvisible
{
Text-decoration: Keine
}
/ * Hack für IE: Zur Erscheinung der Menüeinträge zu stabilisieren; der Schrägstrich in Float zu halten, dh 5.0 von parsing * /
@ media screen, Projektion
{
Ul.Menubarhorizontal li.Menubaritemie
{
Anzeige: Inline;
F \ Loat: Left;
}
}
Re: Zentrieren eines horizontalen Spion Menüleiste Fernando Mol - 11-06-2009
Sie müssen mit Ihren Breiten spielen.
Jetzt, Die ganze Breite des Menüs nicht trennt sich in der Anzahl der Menü-Elemente haben. Erinnern, Bildschirme Maßnahmen in Pixel.
Ändern Sie die Breite der mittleren Spalte (wo Sie Ihr Menü vorhanden) und sie zu einer Breite, die in 5 geteilt werden kann, Die Zahl der Menüpunkte haben. Dann, Spiel mit der Breite der Listenelemente und Grenzen zur Montage an die.
Ich hoffe, das hilft
* Vergessen Sie nicht, einen Link zu Ihrer Website zu teilen und an den Pfosten und abstimmen. Dies ist ein kostenloser Service für Sie und für uns.
Re: Zentrieren eines horizontalen Spion Menüleiste Lee Margolies - 11-06-2009
Vielen Dank für die Hilfe...
Ich versuchte, die Anpassung der Breite und es kommt immer noch entweder zu klein oder zu lange. Da die rüstige befindet sich in einem div-Tag (navbar verschachtelte), Muss ich nur einstellen, dass div die Breite auf ein Vielfaches von 5 oder muss ich noch weiter gehen bis die Kette?
Nochmals vielen Dank!
LM
Lee Margolies
http://www.Lmcreativemotion.com
Twitter: @ LMcreativemotio
Re: Zentrieren eines horizontalen Spion Menüleiste Fernando Mol - 11-07-2009
Ihr Menü ist in einem Container. Die Behälter sind um 5 zu einem Quadrat Zahl geteilt werden.
Dass die Zahl müssen Sie geben die Breite der einzelnen Menü-Element ist. Berücksichtigung boders.
Ich erzähle Ihnen genau, wo die Zahlen zu, Aber es ist ein Trial-and-Error-Prozess, Aber ich hoffe, Sie auf die Idee.
Folgen dieser Regel zu: Die teilbare Zahl muss ein Paar.
* Vergessen Sie nicht, einen Link zu Ihrer Website zu teilen und an den Pfosten und abstimmen. Dies ist ein kostenloser Service für Sie und für uns.
