Paramétrer l'affichage de 5 tableaux

bonjour

j'ai paramétrer l'affichage de 5 tableaux avec une largeur définie en pourcentage

les tableaux sont de type table.class

je souhaite que ce paramétrage ne s'applique pas à un de ces tableaux qui s'appel piano
auxquelles je souhaite donner une largeur de 70%

table-table.piano td:nth-child(1){width:30%;
text-align:left;}

table.piano td:nth-child(1){width:70%;
text-align:left;}


es ce la solution ?


salutation
philippe
Modifié par philippe3441 (02 Dec 2013 - 22:10)

Bonjour

le mieux est de définir un id pour le tableau piano exemple:

<table id="piano"></table>

et ensuite dans ta feuille de style tu fais:

#piano > td:nth-child(1){
    width:70%;
    text-align:left;
}

ok
mais comment faire en sorte que la première colonne des autres tableaux soit de 30 %
la premiére instruction risque d'annuler la seconde


td:nth-child(1){
width:30%;
text-align:left;
}
#piano > td:nth-child(1){
width:70%;
text-align:left;
}

En fait la première instruction s'applique à toutes les cellules de tous les tableaux, et la deuxième s'applique seulement à l'id #piano.

Si toutefois, ta première colonne du #piano ne se redimensionne pas à 70% ( ce qui m'étonnerai fort), tu peux rajouter "!important" pour forcer la priorité comme ceci:

td:nth-child(1){
width:30%;
text-align:left;
}
#piano > td:nth-child(1){
width:70% !important;
}

Modifié par Peter-L (03 Dec 2013 - 11:12)