Discussion :

[Haplo2006]

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

[stilobique]

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

[Haplo2006]

Hélas cela ne fonctionne pas

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

[yjuliet]

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

[dragonfly]

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"

[Haplo2006]

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

Personne n'aurait une autre piste à explorer?

[MasterOfChakhaL]

salut,

tu peux utiliser la propriété css width

[XtoX]

teste ça, ça devrait marcher

Code :

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

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.

[MasterOfChakhaL]

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

[Haplo2006]

Les 2 solutions fonctionnent.
Merci bcp !