Div et css centrer txt verticalement
Résolu
Nico_
Messages postés
1219
Date d'inscription
Statut
Membre
Dernière intervention
-
djey1301 -
djey1301 -
Bonjour,
je souhaite centrer le texte verticalement dans mon tableau.
j'utilise des <div> mais le texte se trouve en haut de la cellule.
CSS:
PAGE:
Merci pour votre aide. bonne journée
je souhaite centrer le texte verticalement dans mon tableau.
j'utilise des <div> mais le texte se trouve en haut de la cellule.
CSS:
div.nav { text-align:right; vertical-align:middle; background-image:url(nav.png); height: 33px; border:hidden;}
PAGE:
<td height="34" colspan="2" > <div class="nav"> <table width="392" border="0" align="left" cellpadding="0" cellspacing="0" id="navigation"> <tr> <td width="67" align="center" nowrap="nowrap" class="navText"><a href="index.php" class="Style3">Accueil</a></td> <td width="58" align="center" nowrap="nowrap" class="navText"><a href="jsp/index.php" class="Style3">JSP</a></td> <td width="119" align="center" nowrap="nowrap" class="navText"><a href="formateurs/index.php" class="Style3">Formateurs</a></td> <td width="148" align="center" nowrap="nowrap" class="navText"><a href="contact.php" class="Style3">Nous contacter</a></td> </tr> </table> </div>
Merci pour votre aide. bonne journée
A voir également:
- Div et css centrer txt verticalement
- Div c++ - Télécharger - Langages
- Trouver erreur de syntaxe fichier txt pix ✓ - Forum Programmation
- Word fractionner verticalement ✓ - Forum Word
- S barré verticalement clavier ✓ - Forum Word
- Fusionner et centrer excel grisé - Forum Bureautique
2 réponses
C'est pas le valigne qui fonctionne dans ton CSS tu as fait un centrage par line-height.
Dans le cas ou l'un des intitulés ceserait plus long, et que tu as une largeur définie, ca ne marcherais pas ton centrage.
CSS :
HTML :
Dans le cas ou l'un des intitulés ceserait plus long, et que tu as une largeur définie, ca ne marcherais pas ton centrage.
CSS :
#nav {
float: left;
border: 1px solid #CCCCCC;
}
#nav a {
width:100px;
text-align:right;
vertical-align:middle;
height: 33px;
float: right;
padding: 2px 15px;
line-height: 33px;
}
HTML :
<div id="nav"> <a href="index.php" class="Style3">Accueil</a> <a href="jsp/index.php" class="Style3">JSP</a> <a href="formateurs/index.php" class="Style3">Formateurs</a> <a href="contact.php" class="Style3">Nous contacter ou pas !!</a> </div>
Perso je ferai comme ci-dessous, les table c'est pour les tableaux :) pas pour les menu. J'ai mit un contour gris autour de la div juste pour que tu vois que le texte est centré dedans.
css :
html :
css :
#nav {
float: left;
border: 1px solid #CCCCCC;
}
#nav a {
text-align:right;
vertical-align:middle;
height: 33px;
float: right;
padding: 2px 15px;
line-height: 33px;
}
html :
<div id="nav"> <a href="index.php" class="Style3">Accueil</a> <a href="jsp/index.php" class="Style3">JSP</a> <a href="formateurs/index.php" class="Style3">Formateurs</a> <a href="contact.php" class="Style3">Nous contacter</a> </div>
