Reduire la width d'une <td> au maximum

Reduire la width d'une <td> au maximum - HTML/CSS - Programmation

Marsh Posté le 26-07-2006 à 22:22:16    

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 :
  1. <table>
  2.   <tr>
  3.     <td style="width: 1%" nowrap>colonne une</td>
  4.     <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 :)

Reply

Marsh Posté le 26-07-2006 à 22:22:16   

Reply

Marsh Posté le 26-07-2006 à 22:45:11    

Tu sais quoi il y a un truc qui ce nomme CSS et c'est magic:
 
va sur le net pour savoir comme ça marche
 
Ensuite met:
 
td {
....le style
}
 
Et op tu las ecrit quune fois :D

Reply

Marsh Posté le 27-07-2006 à 09:37:56    

+1 et  
white-space:nowrap

Reply

Marsh Posté le 27-07-2006 à 09:39:34    

gatsu35 a écrit :

white-space:nowrap


 
t1 j y crois pas je cherche cette propriété depuis 256 ans :o

Reply

Marsh Posté le 27-07-2006 à 09:49:30    

Oui, je peux utiliser le css style, mais ça me force à répéter à chaque fois que je le veux :  
<td style="mystyle" /> et ce que je veux éviter.  
 
Et je ne peux pas déclarer un style comme ceci :
td {
....le style
}  
 
parce que ça ne s'applique pas à toutes les <td>, mais qu'à certaines.  
Mais s'il n'y a pas de solution, je prendrais la votre quand-même. Merci :)

Reply

Marsh Posté le 28-07-2006 à 12:13:52    

je crois que tu peux faire td.monstyle{}
et <td class="monstyle">
à confirmer

Reply

Marsh Posté le 28-07-2006 à 12:28:53    

hum.... déjà dis plus haut
 
dans ton CSS tu définis les propriétés de ton objet td, une fois pour toute ! de la façon décrite ci dessus.
 
Ensuite si tu veux faire des variations de style entre divers td tu peux rajouter tes id ou des class...

Reply

Marsh Posté le 28-07-2006 à 12:29:36    

Roodie a écrit :

Oui, je peux utiliser le css style, mais ça me force à répéter à chaque fois que je le veux :  
<td style="mystyle" /> et ce que je veux éviter.  
 
Et je ne peux pas déclarer un style comme ceci :
td {
....le style
}  
 
parce que ça ne s'applique pas à toutes les <td>, mais qu'à certaines.  
Mais s'il n'y a pas de solution, je prendrais la votre quand-même. Merci :)


 
Tu donne un id à ton tableau et ensuite :
 
#nom_id_tableau td
{
}
 
ça s'appliquera à tous les td de ton tableau et uniquement à celui-là... :o

Reply

Marsh Posté le 28-07-2006 à 19:19:12    

Effectivement, .nom et #nom sont pratiques dans les CSS.  
Merci bcp à vous :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed