28221 sujets

CSS et mise en forme, CSS3

Voici mon code xhtml

<div id="Menu">
   <a href="contacts.php">Contacts</a>
   <a href="references.php">Références</a>
   <a href="services.php">Services</a>
   <a href="presentation.php">Présentation</a>
   <a href="index.php">Accueil</a>
</div>

Voici ma CSS

#Menu a {width:100px;height:28px;padding-top:5px;float:right;display:block;text-align:center;color:#FFFFFF;text-decoration:none;font-weight:bold;}
#Menu a:hover {background:#000000;}

Vous pouvez voir le code sur www.tropfort.net/new/index.xhtml

Tel quel, mon menu est bien à l'exception que le texte du menu devrait etre centré verticalement pour être au centre de la barre. Je place donc padding-top:5px; dans mon #Menu a {...}.
Sous IE ca apparait correctement, mais sous Mozilla le texte ce centre mais le fond noire du hover déborde en bas ...
Si quelqu'un à une solution ?
Merci
Modifié le 03 Dec 2004 - 12:21
Merci !
J'ai suivis les liens des autres topics ... et j'ai trouvé la solution

en faite au lieu d'utiliser padding-top:5px; j'utilise line-height:27px ...
Bonjour Poire Smiley cligne

Le dernier lien que tu as mis déborde de l'écran et rend la navigation inconfortable, peux-tu utiliser le bouton "lien" en éditant ton message ? stp !

Merci d'avance Smiley smile
dominique a écrit :
Bonjour Poire Smiley cligne

Le dernier lien que tu as mis déborde de l'écran et rend la navigation inconfortable, peux-tu utiliser le bouton "lien" en éditant ton message ? stp !

Merci d'avance Smiley smile

no pb Smiley cligne