Centrage d'une barre horizontale espion menu Lee Margolies - 11-05-2009
J'essaie de centrer une barre horizontale espion menu sur une page. Pour dire quelque raison, FF et Safari sont tous partis justifiant le menu et si je n'ai pas une propriété Padding (voir ci-dessous) dans le Ul.Menubarhorizontal il déplace la barre d'ensemble d'environ 20 pixels vers la droite.
Toute aide que vous pouvez offrir est apprécié...
Thanx,
LM
/ * Le conteneur Ultrapériphériques de la barre de menus, Une boîte automatique largeur sans marge ou espacement * /
Ul.Menubarhorizontal
{
Marge: 0;
Padding: 0;
Largeur: 666px;
}
/ * Placer la barre de menu active avec cette classe, Met actuellement en Z-index pour accueillir bug rendant à-dire: http:/ / therealcrisp.Xs4all.Nl / meuk / ie-zindexbug.html * /
Ul.Menubaractive
{
Z-index: 1000;
}
/ * Menu item containers, Enfants de Position relative à ce conteneur et sont une largeur fixe * /
Ul.Menubarhorizontal li
{
List-style-type: None;
Font-size: 100%;
Position: Relative;
Line-Taille: -15;
Curseur: Pointer;
Largeur: 133.2px;
Float: Gauche;
}
/ * Sous-menus doivent apparaître sous leur parent (en haut: 0) avec un supérieur Z-index, Mais ils sont d'abord sur le côté gauche de l'écran (-1000em) * /
Ul.Menubarhorizontal Ul
{
Marge: 0;
Padding: 0;
List-style-type: None;
Font-size: 100%;
Z-index: 1020;
Curseur: Par défaut;
Gauche: -1000em;
Largeur: 160px;
Position: Absolue;
Background-CoUleur: # 005dab;
CoUleur: # fff;
}
/ * Sous-menu qui montre avec désignation de classe menubarsubmenuvisible, Nous avons mis à gauche à l'auto ainsi il vient sur l'écran en dessous de son élément parent menu * /
Ul.Menubarhorizontal Ul.Menubarsubmenuvisible
{
Gauche: Auto;
}
/ * Conteneurs option de menu sont même largeur fixe en tant que parent * /
Ul.Menubarhorizontal Ul li
{
Font-family: Arial, Helvetica, Sans-serif;
Font-size: 12px;
Font-weight: Normal;
Largeur: 160px;
Border-Largeur: 1px 2px 1px 2px;
Border-style: Solides;
Border-CoUleur: # 005dab;
Background-CoUleur: Transparent;
Float: None;
Marge: 0 0 0 -1.5%;
}
/ * Sous-menu qui montre avec désignation de classe menubarsubmenuvisible, Nous avons mis de gauche à 0 si il vient sur l'écran * /
Ul.Menubarhorizontal Ul.Menubarsubmenuvisible Ul.Menubarsubmenuvisible
{
Gauche: Auto;
Haut: 0;
}
/ * Options de menu sont un bloc gris clair avec un rembourrage et aucune décoration du texte * /
Ul.Menubarhorizontal une
{
Afficher: Block;
Curseur: Pointer;
Background-CoUleur: # fff;
Padding: 0.5em 0.75em;
CoUleur: # 005dab;
Text-decoration: None;
Text-align: Centre;
}
/ * Des éléments de menu qui ont la souris au-dessus ou de discussion ont un fond bleu et texte blanc * /
Ul.Menubarhorizontal une:Hover, Ul.Menubarhorizontal une:Focus
{
Background-CoUleur: # 005dab;
CoUleur: # fff;
}
Ul.Menubarhorizontal Ul a (
Text-align: Gauche;
}
/ * Des éléments de menu qui sont ouverts avec des sous-menus sont mis à menubaritemHover avec un fond bleu et texte blanc * /
Ul.Menubarhorizontal une.MenubaritemHover, Ul.Menubarhorizontal une.MenubaritemsubmenuHover, Ul.Menubarhorizontal une.Menubarsubmenuvisible
{
Text-decoration: Aucun
}
/ * Hack pour IE: Pour stabiliser l'apparence d'éléments de menu, la barre oblique à flotteurs est de garder IE 5.0 de parsing * /
@ media screen, Projection
{
Ul.Menubarhorizontal li.Menubaritemie
{
Afficher: Inline;
F \ Loat: Gauche;
}
}
Re: Centrage d'une barre horizontale espion menu Fernando Mol - 11-06-2009
Vous avez besoin pour jouer avec vos largeurs.
Maintenant, Toute la largeur de votre menu ne se divise pas dans le nombre d'éléments de menu que vous avez. Se souvenir, écrans de mesures en pixels.
Changer la largeur de la colonne centrale (où vous avez votre menu équipé) et en faire une largeur qui peut être divisé en 5, Le nombre d'éléments de menu que vous avez. Puis, Jouer avec la largeur de vos éléments de liste et les frontières de l'adapter.
I hope this helps
* N'oubliez pas de partager un lien vers votre site et de noter les postes. C'est un service gratuit pour vous et pour nous.
Re: Centrage d'une barre horizontale espion menu Lee Margolies - 11-06-2009
Merci pour l'aide...
J'ai tenté d'ajuster la largeur et elle se heurte encore trop petite ou trop longtemps. Depuis le Spry est imbriquée dans une balise div (navbar), Ai-je besoin d'ajuster seulement que la largeur div à un multiple de 5 ou dois-je aller plus haut dans la chaîne?
Merci encore!
LM
Lee Margolies
http://www.Lmcreativemotion.com
Twitter: @ LMcreativemotio
Re: Centrage d'une barre horizontale espion menu Fernando Mol - 11-07-2009
Votre menu est à l'intérieur d'un conteneur. Ce récipient doit être divisé par 5 à un nombre carré.
Qui est le numéro que vous devez donner à la largeur de chaque élément de menu. Considérant boders.
Je ne vous dis pas exactement où placer les nombres, Mais c'est un processus d'essai et d'erreur, Mais j'espère que vous avez l'idée.
Suivre cette règle trop: Le nombre divisible doit être une paire de.
* N'oubliez pas de partager un lien vers votre site et de noter les postes. C'est un service gratuit pour vous et pour nous.
