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 :

Tableau + taille d'un textarea


Sujet :

HTML

Vue hybride

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

    Informations forums :
    Inscription : Septembre 2006
    Messages : 17
    Par défaut Tableau + taille d'un textarea
    Bonjour,

    Je souhaite afficher un tableau, avec 2 colonnes.
    Dans la première colonne j'affiche un texte et dans la deuxieme, j'affiche le meme texte mais dans une TEXTAREA.
    J'aurai aimé, pour une question esthétique que la textarea prenne la dimension de la case de gauche de mon tableau.

    Voici mon code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <table width="90%" border="1" cellpadding="0" cellspacing="0" align="center" class="tablePrinc" bordercolor="#A6A6A6" background="<%=Servlet.getWebRootAdmin(marque)%>img/regroupement/fond.gif">
    <tr>
      <th height="20" width="50%">Colonne 1</th>
      <th height="20" width="50%">Colonne 2</th>			
    </tr>
    <tr class="row1">
      <td class="text" align="left">&nbsp;<%=TEXTE%>&nbsp;</td>
      <td class="text" align="left"><TEXTAREA name="trade"><%=MEme texte que case 1%></TEXTAREA></td>
    </tr>
    </table>
    Comment peut-on faire cela facilement? Sachant que ce tableau contient plusieurs ligne avec une longueur de texte variable...

  2. #2
    Membre très actif Avatar de stilobique
    Homme Profil pro
    Infographiste 3D
    Inscrit en
    Septembre 2005
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Infographiste 3D
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Septembre 2005
    Messages : 236
    Par défaut
    rajoute un style :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    textarea {
    width:100%;
    }
    Je sais pas si sa fonctionne par contre mais tu peut essayé.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 17
    Par défaut
    Hélas cela ne fonctionne pas

    Je me demande si cela est réellement possible...

  4. #4
    Membre chevronné Avatar de yjuliet
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Août 2006
    Messages
    362
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant en sécurité
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2006
    Messages : 362
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <table class="tablePrinc" ...>
    <tr>
      <th height="20" width="50%">Colonne 1</th>
      <th height="20" width="50%">Colonne 2</th>			
    </tr>
    <tr class="row1">
      <td class="text" id="caseLeft" align="left">&nbsp;<%=TEXTE%>&nbsp;</td>
      <td class="text" id="caseRight" align="left"><TEXTAREA name="trade"><%=TEXTE%></TEXTAREA></td>
    </tr>
    </table>

    et dans ta feuille de style CSS, tu ajoutes ceci :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    table.tablePrinc tr td#caseRight textarea {width: expression(document.getElementById('caseLeft').width);}
    J'ai pas testé, mais je pense qu'il est possible de partir sur une chose comme ça ...

  5. #5
    Membre éclairé Avatar de dragonfly
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    464
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 464
    Par défaut
    Salut,

    Je pense que pour un textarea, tu ne paut pas définir de width (j'ai déjà essayé et ca ne marche pas) car la taille d'un textarea n'est definie que par les atributs "cols" et "rows"

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 17
    Par défaut au secours
    je confirme, width n'existe pas pour un textarea...

    Personne n'aurait une autre piste à explorer?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Limter la taille d'un textarea
    Par defacta dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/09/2007, 17h27
  2. [HTML] Tableau Taille
    Par aaliyan dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 16/05/2007, 16h45
  3. limiter la taille d'un Textarea
    Par djidane39 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 30/09/2006, 12h46
  4. Comment obtenir un tableau à taille variable ?
    Par marsupilami34 dans le forum Langage
    Réponses: 6
    Dernier message: 27/06/2005, 15h03
  5. [Tableau] taille maximum
    Par vasilov dans le forum C
    Réponses: 15
    Dernier message: 01/08/2003, 10h52

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