Problème d'un tableau qui hérite du parent.

Bonjour .. le titre est pas très clair mais le problème est simple à comprendre :

J'ai un tableau ID = "formulaire" qui pour chaque TD a une bordure inférieure :

#formulaire td { background: url("img/point.gif") repeat-x bottom; padding:3px 0 5px 0;}

Le problème survient lorsque je rajoute un tableau à l'intérieur du tableau "formulaire", ses TD héritent eux aussi de la bordure.


Comment limiter la définition des TD au premier niveau de tableau ?

Modifié par AlphaYoDa (27 Jul 2005 - 14:40)

Salut,

Tu peux définir un "id" au "td" de premier niveau et tu affectes le style à cet "id".

mmh... tableaux imbriqués? c'est pas gégé!

c'est pas gégé non

mais le coup de l'id me force à rajouter cet ID à chaque cellule ce qui est long et fastidieux au contraire de la méthode générale automatique.

Je me demandais si il n'y avait pas des solutions avec le ciblage :

table#formulaire > td
ou
#formulaire td:first-child

mais rien ne fonctionne et je ne sais pas trop comment utiliser ces fonctions

AlphaYoDa a écrit :
Comment limiter la définition des TD au premier niveau de tableau ?

En ne faisant au plus qu'un seul niveau de tableau, si celui-ci est vraiment nécessaire, et en utilisant le positionnement CSS par ailleurs.

Tu y gagneras en lisibilité et en facilité de maintenance de ton code, en interopérabilité et en accessibilité de ton formulaire.

Et tu y gagneras en compétence en apprenant les bases du positionnement CSS

bwah tout le reste est déjà en css

bon , je vais faire autrement.
merci.

Salut,

Juste histoire de, il me semble qu'en ajoutant:

#formulaire td td {background:none}

les autres niveaux perdent la-dite bordure. Je me trompe ?