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;
}

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

d'accord mai sdans le code html je dois mettre class=... dans table, th, et td?

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

Oui, voilà.

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

donc si j'ai 50 ligne avec 20 cellule je dois le definir 1000 fois !!!

la je l'ai juste mis class dans la balise table et ca a l'air de passé

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

Je ne connais pas ton code, donc je ne peux pas deviner quelle pourrait être la meilleure solution.

Après, c'est à toi de définir tes règles et le rendu de ton application.

**Oluha** · 02/02/2007, 11h54

Envoyé par TangoZoulou

donc si j'ai 50 ligne avec 20 cellule je dois le definir 1000 fois !!!

à priori non si tu fais comme ca :

Code :

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

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

Code :

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

<table class="maclasse"><tr><td>...</td></tr></table>

**TangoZoulou** · 02/02/2007, 12h38

Merci beaucoup !! ! ca fonctionne !

he bien en fait j'était parti sur

Code :

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

1
2
3
4
5
6
 
test_table table, .test_table tr , .test_table td, .test_table th {
   border:1px solid #CCCCCC;
}
 
<table class="test_table"><tr><td>...</td></tr></table>

mais j'avoue que ton idée a l'air plus propre.
si je comprend bien tr, td, th "hérite" de la classe de la table, est ce que je me trompe, parce que c'est la premiere fois qu eje vois un truc comme ca?

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

Tableau en CSS

Discussions similaires

Partager

Partager