Tableau & CSS sous IE et Firefox

[franck05]

Bonjour,

J'ai un pb de css avec firefox :
css :
.TABLE.tabBleu {
BORDER: #5978B8 1px solid; COLOR: #16246C; BACKGROUND-COLOR: #F2F5F7;
}
.TABLE.tabBleu TH {
PADDING-LEFT: 5px; COLOR: #ffffff; BACKGROUND-COLOR: #5978B8; font-size: 12px; height: 16px
}
.TABLE.tabBleu TD.bleu {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #F2F5F7
}

Html:
<table class="tabBleu" border="0" cellspacing="1" cellpadding="0" align="center" width="100">
<tr>
<th class="bleu"><b>Titre</b></th>
<tr>
<td class="bleu">texte</td>
</table>

j'ai aucune couleur qui s'affiche sur mon tableau...

merci d'avance pour votre aide

 

[moktoipas]

Il ne faut pas mettre de point avant "table"

 

[franck05]

ah oui !! super merci

 

[Yvel]

Bonjour,
TABLE.tabBleu TD.bleu {

le définition de la class .bleu dans la même ligne que .tabBleu ... ça marche ça ??????

 

[Fluidex]

le définition de la class .bleu dans la même ligne que .tabBleu ... ça marche ça ??????

table.tabbleu td.bleu {

est correcte mais ne définit pas les classes bleu et tabbleu. Cette expression définit les propriétés d'un élément td de classe bleu fils d'un élément table de classe tabbleu.

Pour définir 2 classes ayant les mêmes propriétés ("sur la même ligne") il faut simplement séparer ces 2 classes par une virgule, par exemple :

table.tabbleu, td.bleu {

 

[Yvel]

le définition de la class .bleu dans la même ligne que .tabBleu ... ça marche ça ??????

table.tabbleu td.bleu {

est correcte mais ne définit pas les classes bleu et tabbleu. Cette expression définit les propriétés d'un élément td de classe bleu fils d'un élément table de classe tabbleu.

ok merciiiiii :lol: