[css] appliquer le style d'un tableau à toutes ses cellules

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:

---

1 2 3 4

<table class="monStyle"> ... </table>

---

Mon code CSS :

Code:

---

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 ?

En minuscules, ça fonctionnera mieux.

bonjour,

essaye comme ceci :

Code:

---

1 2 3 4

table, td, tr{ font-family: Verdana; }

---

pour toutes les tables ou :

Code:

---

1 2 3 4

.monStyle td, .monStyle tr{ font-family: Verdana; }

---

uniquement pour la table ayant pour classe monStyle

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 ?

comme ca peu etre ?

Code:

---

1 2 3

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

---

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:

---

1 2	td { font-family:verdana;}

---

devrait suffire

eventuellement

Code:

---

td { font-family:verdana !important }

---

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

Code:

---

1 2 3 4 5

td * { .... }   ou   table * { .... }

---

tu peux peut-être faire ca aussi:

Code:

---

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

---