Centrer un tableau avec css
tipi75
Messages postés
680
Date d'inscription
Statut
Membre
Dernière intervention
-
tipi75 Messages postés 680 Date d'inscription Statut Membre Dernière intervention -
tipi75 Messages postés 680 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je n'arrive pas à centrer un tableau.
Voici la partie php (page html dynamique):
Voici la partie css:
Merci de votre aide
Je n'arrive pas à centrer un tableau.
Voici la partie php (page html dynamique):
$contenu.='<table class="tab">'; $contenu.='<tr>'; $contenu.='<td><img id="photo_1" src="images/PE_2008/sautoir_pervenches1.png" alt="Photos du sautoir pervenche"></td>'; $contenu.='<td><img id="photo_2" src="images/Homme_2006/chapelet_cristal.png" alt="Photos du sautoir pervenche"></td>'; $contenu.='</tr>'; $contenu.='<tr>'; $contenu.='<th><a class="survol1_lien" href="">'.$tr_femme. '</a></th>'; $contenu.='<th><a class="survol1_lien" href="">'.$tr_homme. '</a></th>'; $contenu.='</tr>'; $contenu.='</table>';
Voici la partie css:
.tab{
width: 376px;
margin: 0 auto;
padding: 5px 0 0;
text-align: center;
}
th,td{
border:5px solid red;
}
.survol1_lien{
font: 1.0em "Century Gothic", Verdana, Arial, sans-serif;
display: inline-block;
margin: 0px 85px 0px;
padding: 5px 0;
color: white;
text-decoration: none;
text-transform: uppercase;
vertical-align: bottom;
}
.photos_2 td a:hover{
font-weight: bold;
color: #19616E;
}
Merci de votre aide
A voir également:
- Centrer un tableau html
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Imprimer un tableau excel - Guide
- Tableau croisé dynamique - Guide
8 réponses
float:center n'existe pas...
Il se peut que ce soit un problème de priorité.
Essaye :
Ou si ce tableau est dans un élément qui comporte un id :
Sinon, rajoute un !important à ta propriété margin
Il se peut que ce soit un problème de priorité.
Essaye :
table.tab {
width: 376px;
margin: 0 auto;
padding: 5px 0 0;
text-align: center;
}
Ou si ce tableau est dans un élément qui comporte un id :
#lenomdelid table.tab {
..
}
Sinon, rajoute un !important à ta propriété margin
Curieux... il doit y avoir quelque chose d'autre dans le code qui empêche le centrage. C'est avec quel navigateur ? tous ? C'est en ligne ?
Sinon, le !important doit être placé ainsi :
Sinon, le !important doit être placé ainsi :
margin:auto !important;
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
