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:

---

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...

rajoute un style :

Code:

---

1 2 3

textarea { width:100%; }

---

Je sais pas si sa fonctionne par contre mais tu peut essayé.

Hélas cela ne fonctionne pas :(

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

Code:

---

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:

---

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 ...

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"

je confirme, width n'existe pas pour un textarea...

Personne n'aurait une autre piste à explorer?

salut,

tu peux utiliser la propriété css width

teste ça, ça devrait marcher

Code:

---

1 2 3 4 5 6

textarea { inline-block:inline; width:100%; }

---

Je ne sais pas trop pourquoi ça marche seulment comme ça... Mais bon, ça marche et c'est le principal.

Citation:

---

Envoyé par XtoX

inline-block:inline;

---

salut, tu ne voulais pas plutot écrire display:block; ??
Il faut effectivement que l'élément soit affiché comme un block pour que les dimensions soient appliquées.

les différentes valeurs possibles pour la propriété display: http://www.w3schools.com/css/pr_class_display.asp

Les 2 solutions fonctionnent.
Merci bcp !