IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[HTML]Réduire la largeur d'une <td> au minimum


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    171
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 171
    Par défaut [Résolu] [HTML]Réduire la largeur d'une <td> au minimum
    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

  2. #2
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    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
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    171
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 171
    Par défaut
    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

  4. #4
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    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
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    171
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 171
    Par défaut
    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

  6. #6
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    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
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

Discussions similaires

  1. Largeur d'une textbox dans une table HTML
    Par manu_b dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 02/11/2011, 13h54
  2. [HTML] comment fixer la largeur d'une page
    Par ouadie99 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 19/03/2009, 21h50
  3. [HTML] largeur d'une balise <option>
    Par NikoBe dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 09/11/2006, 12h52
  4. [VB6] largeur d'une zone de liste d'une combobox
    Par Nick13 dans le forum VB 6 et antérieur
    Réponses: 8
    Dernier message: 28/08/2004, 12h30
  5. Réponses: 1
    Dernier message: 12/05/2004, 19h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo