Discussion :

[danyboy85]

Bonjour,

je souhaiterais applliquer le style d'un tableau à toutes ses cellules.

En fait je veux appliquer la police Verdana à toutes les cellules de mon tableau.

Mon code HTML :

Code :

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

1
2
3
4
 
<table class="monStyle">
    ...
</table>

Mon code CSS :

Code :

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

1
2
3
4
 
TABLE.monStyle {
   font-family: Verdana;
}

Mais cela ne fonctionne pas. Je suppose qu'il existe une facon plus "propre" que d'affecter ma classe CSS à toutes les cellules mais laquelle ?

[Linaa]

En minuscules, ça fonctionnera mieux.

[Auteur]

bonjour,

essaye comme ceci :

Code :

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

1
2
3
4
 
table, td, tr{
font-family: Verdana;
}

pour toutes les tables ou :

Code :

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

1
2
3
4
 
.monStyle td, .monStyle tr{
font-family: Verdana;
}

uniquement pour la table ayant pour classe monStyle

[danyboy85]

Non en fait j'ai compris mon problème mais ne partez pas tout de suite je ne sais pas comment le résoudre !

En fait lorsque les cellules de mon tableau contiennent simplement du texte ca fonctionne très bien. Le style affecté à mon tableau est répercuté sur chaque cellule.

Le problème c'est que certaines cellules contiennent des zones de texte et pour celles-ci, le style du tableau n'est pas répercuté.

Sachez également que je donne la possibilité à l'utilisateur de changer le style du tableau dynamiquement

Dois-je affecter le style du tableau à chacune des zones de texte ou puis-je faire "hériter" le style des zones de texte de celui du tableau ?

[masu]

comme ca peu etre ?

Code :

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

1
2
3
table.monStyle, table.monStyle textarea {
  font-family: Verdana;
}

[MasterOfChakhaL]

probleme de selecteur...

plusieurs propositions, a toi de voir ce qui marche, peux être as-tu dans tes td des elements dont les règles css masquent ta police

en toute logique:

Code :

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

1
2
 
td { font-family:verdana;}

devrait suffire

eventuellement

Code :

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

td { font-family:verdana !important }

pour affecter tous les éléments dans tes cellules:

Code :

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

1
2
3
4
5
td * { .... }
 
ou
 
table * { .... }

tu peux peut-être faire ca aussi:

Code :

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

1
2
 
td * {font-family: inherit; }