2011-07-20 5 views
0

Problème de navigation.Problème de menu de navigation

  1. Comment puis-je l'empêcher? enter image description here Mon fichier CSS ressemble à ça: http://pastie.org/2241255

  2. Ma largeur est variable en raison de la classe « courant » .Lorsque une page est active, en cours de classe rend son maillon le gras (et augmente les barres de navigation largeur). C'est pourquoi je ne peux pas définir la largeur exacte sur #navbar. Comment est-ce que je peux centrer la barre de navigation avec la largeur variable et remplir l'endroit vide (regarder du côté droit de l'image) avec la couleur?

Mon fichier php ressemble que

http://pastie.org/2241292

THX à l'avance

+1

Pourriez-vous ajouter un peu de html dans cette question? Aussi, si '# navbar' est un élément de niveau bloc et non flottant ou absolu, vous n'avez pas besoin de spécifier une largeur. –

+0

ok. un moment ... –

+0

j'ai mis à jour la question –

Répondre

1

Avez-vous essayé de modifier votre CSS pour inclure une largeur de 100% pour votre tête? En supposant que votre en-tête est le .sf-menu:

.sf-menu { 
    line-height:1.0; 
    width:100%; 
} 
+0

oui cela fonctionne. première question résolue. Maintenant, comment puis-je centrer le menu de navigation avec une largeur variable et remplir l'espace vide avec la couleur bg? –

+0

@TuralT avez-vous essayé le centre d'alignement de texte sur le '# navbar'? http://www.htmldog.com/reference/cssproperties/text-align/ –

+0

ok. J'ai rempli l'espace vide. '.sf-menu { \t hauteur de ligne: \t 1,0; largeur: 100%; filtre: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# 000', endColorstr = '# 202020');/* pour IE */ \t arrière-plan: -webkit-gradient (linéaire, en haut à gauche, en bas à gauche, de (# 000), à (# 202020));/* pour les navigateurs webkit */ \t arrière-plan: -moz-linear-gradient (top, # 000, # 202020);/* pour Firefox 3.6+ * /; } ' –