Probleme d'affiche des bordures d'un tableau avec DOCTYPE

**TangoZoulou** · 02/02/2007, 10h52

Bonjour à tous,

j'essaye de mettre en place le doctype sur mon site parce que j'ai lu que cela permetttait de respecter la norme donc comme sur suis en html j'ai pris celui la :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
or j'ai des soucis...

j'affiche un tableau avec des bordures, rien d'exceptionnel. Sans DOCTYPE l'affichage est identique sous ie6 et firefox2 mais quand je rajout ele doctype en haut de la page l'affichage sur IE ne change pas mais sous Firefox les bordures deviennent toute noirs et c'est pas tres agréable...

j'ai essayé de combler cela par un CSS avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
table, td, th {
border-color:#CCCCCC;
border-bottom-color:#CCCCCC;
border-left-color:#CCCCCC;
border-right-color:#CCCCCC;
border-top-color:#CCCCCC;
}

mais pas c'est pas très concluant...

avez vous des idées???

Merci

**Bisûnûrs** · 02/02/2007, 10h55

Essaie plutôt comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
table, td, th {
   border:1px solid #ccc;
}

**TangoZoulou** · 02/02/2007, 11h04

et bien ca resout mon probleme mais ca en rejoute un second parce que mes tableau en bordure caché s'affcihe maintenant...

donc je il faut que dans mon tableau je mette class = mon_tableau mais le souci c'est que j'ai deja une autre classe pour ce tableau...

en fait j'ai class= qui recupere une couleur en fonction de certain parametre donc j'aurais deux class...

je sais pas si je suis assez clair??

**Bisûnûrs** · 02/02/2007, 11h07

Mais tu peux ajouter deux classes à ton tableau sans problème, en faisant comme ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<balise class="class1 class2">

**TangoZoulou** · 02/02/2007, 11h15

Ha mais c'est super cool ca !!! j'avais jamais essayé !

alors maintenant comment faire pour que la classe soit utilisée pour table, td, th sans mettre dans chaque ligne class=.... mais sans non plus que ca se mette sur tous les tableaux?

**Bisûnûrs** · 02/02/2007, 11h19

Si tu as une classe spéciale pour les tableaux dont les bordures doivent s'afficher, tu fais comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.maclasse table, .maclasse th, .maclasse td{
   border:1px solid #ccc;
}

Probleme d'affiche des bordures d'un tableau avec DOCTYPE

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager