Discussion :

[Rodie]

Bonjour à tous,

J'ai une <table> HTML avec plusieurs lignes <tr>, et deux colonne <td> à chaque ligne.
Je voudrais que ma première colonne ait la largeur minimum sans couper le texte (tous les mots doivent être sur une seule ligne).
Mon code :

Code :

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

1
2
3
4
<table>
  <tr>
    <td style="width: 1%" nowrap>colonne une</td>
    <td>colonne une</td>

J'ai utilisé : width: 1%, nowrap. Mais ça c'est pas commode parce qu'il faut que je l'écrive pour toutes les lignes !
- je ne peux pas utiliser le "width: auto; " parce que ça se positionne à 50%
- ni le "width: 100px;" ou "width: 20%" parce que ça ne vaudra pas la largeur minimum.

Quelqu'en connaîtrait-il une solution ?
Merci d'avance

[titoumimi]

et si tu metait tonn nowrap dans un CSS externe et associé à la balise TD ? il le ferai automatiquement dès qu'il rencontre cette balise

[Rodie]

C'est tout à fait vrai. Seulement, il faudrait que j'écrive pour chaque <td> :
<td class="myClass" />.
Donc à priori, c'est très répétitif aussi, et c'est ce que je veux éviter.
A moins que je ne me trompe. Merci bien si vous avez une ptite idée

[titoumimi]

non, tu n'est pas obligé de définir une classe pour appliquer un CSS, tu peux définir un comportement par défaut :

Code :

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

1
2
3
4
5
6
 
td {
     ...
     tes propriétés
     ...
}

Et hop, ça s'appliquera à toutes les balises TD

[Rodie]

Kikou toumimi

Effectivement je peux faire un CSS qui s'applique à tous les <td> mais c'est justement ce que je veux pas faire parce le CSS en question ne s'applique qu'à certains <td>.
Je suppose qu'il n'y a pas d'autre moyen que de répéter <td class="myclass" /> chaque fois que j'en ai besoin.
Merci bien à toi, et si qqn a une autre idée

[titoumimi]

autre solution...

on va dire que tu va appliquer un style bidon à ta balise TABLE

Code :

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

<table class="style_bidon">

tu va définir le CSS pour tes TD comme suit :

Code :

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

1
2
3
table #style_bidon td {
...tes styles...
}

Et ça devrait le faire uniquement pour les TD dont la balise TABLE aura pour style style_bidon