Sujet Précédent Sujet Suivant

Centrer un tableau avec css

Fermé
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 18 déc. 2009 à 17:27
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 22 déc. 2009 à 18:25
Bonjour,

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

8 réponses

Réponse 1 / 8
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
19 déc. 2009 à 14:33
Non, ca ne marche pas.
Le "!" est placé à quel niveau?

Merci pour votre aide
1
Réponse 2 / 8
ibrahim1987 Messages postés 24 Date d'inscription mercredi 9 décembre 2009 Statut Membre Dernière intervention 30 janvier 2018
18 déc. 2009 à 17:44
salut
essaye ceci
float:center;
0
Réponse 3 / 8
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
18 déc. 2009 à 18:00
float:center n'existe pas...

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
0
Réponse 4 / 8
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
19 déc. 2009 à 17:49
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 : 

margin:auto !important;
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
21 déc. 2009 à 21:55
Bonsoir,

C'est avec firefox.

Merci de votre aide
0
Réponse 6 / 8
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
21 déc. 2009 à 21:58
Bon, FF respecte les standards, donc ça vient du code.
On peut avoir l'url ?
Merci
0
Réponse 7 / 8
alex59fr Messages postés 852 Date d'inscription mercredi 25 novembre 2009 Statut Membre Dernière intervention 12 mai 2016 89
21 déc. 2009 à 22:00
Salut,

Met le dans un Div avec un ID et en CSS tu ajoute la taille de ton tableau + 2px puis margin:0 auto 0 auto
0
Réponse 8 / 8
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
22 déc. 2009 à 18:25
Bonjour,

Je pense que j'ai trouvé. Enfin, j'ai juste essayé sur Firefox. J'ai rajouté:

#principal table.tab{
width: 376px;
margin: 0 auto;
padding: 5px 5px 50px 265px;
text-align: center;
}


Merci de votre aide.
0

Discussions similaires

Impossible d'afficher le rapport de tableau croisé dynamique sur un rapport
Utilisateur anonyme -
TomH. -

13 réponses
ou sont les bananes ?
Liline -
Le Pro -

2 réponses
Bibliothèque
cosjac85 -
renard bleu -

3 réponses
Trouver le nom d'un tableau avec sa photo.
lillo56 -
zetnot -

11 réponses
Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses