Centrage de tableau en CSS

Centrage de tableau en CSS - HTML/CSS - Programmation

Marsh Posté le 20-11-2002 à 11:57:57    

Je cherche à centrer un tableau dans ma page avec un style perso.
Dans la FAQ XHTML/CSS j'ai bien vu qu'il fallait faire de la sorte :
 

table {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
      }


 
Le problème est que je ne veux PAS appliquer ce style à toutes mes tables mais seulement à celles de ma classe... en résumé, je voudrais faire ça :
 

[#e21c00].tablo[/#e21c00] {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
      }


 
Et, bien sûr, appeler mon tableau en faisant :
 

<table class="tablo">


 
Mais le problème c'est que ça ne marche pas... Ca fonctionne très bien quand je redéfinis le table  mais pas en utilisant le style perso .tablo... Quelqu'un aurait la solution ?

Reply

Marsh Posté le 20-11-2002 à 11:57:57   

Reply

Marsh Posté le 20-11-2002 à 11:59:04    

Reply

Marsh Posté le 20-11-2002 à 11:59:25    

Non j'ai déjà essayé :sweat:


Message édité par LToPiQ[PPC] le 20-11-2002 à 11:59:33
Reply

Marsh Posté le 20-11-2002 à 12:03:53    

Heu... c'est bizarre ça normalement ça marche. Tu peux poster le code ou mieux une URL ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-11-2002 à 12:07:36    

Reply

Marsh Posté le 20-11-2002 à 12:17:39    

Centré avec Mozilla. Pas avec IE 6 mais c'est à cause du DOCTYPE que tu utilises. En transitionnal, IE 6 ignore certaines propriétés des standards. Donc 2 solutions : soit tu utilises le DOCTYPE Strict :
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


 
 
Soit tu centres autrement en ajoutant la deuxième méthode citée dans la FAQ :
 

body {
  text-align: center;
}
 
.tablo {
  margin-left: auto;
  margin-right: auto;
  text-align: left; /*car le texte a été centré par le text-align du body*/
}


 
De toute façon tu obligé de passer par cette méthode si tu veux aussi que ton tableau soit centré avec IE 5.x et NS 4...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 20-11-2002 à 12:22:32    

Ok merci...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed