Discussion :

[Schplaf]

Bonjour,

Je souhaite afficher un texte de longueur variable dans un joli cadre graphique. J'ai mis ce cadre dans un tableau 3x3, dont les cellules latérales, qui représentent le bord du cadre, contiennent des images de 1 pixel de large (ou haut), que j'ai voulu étirer à 100% de la taille de la cellule.

Curieusement, sous IE l'étirement vertical ne se fait pas (contrairement à Firefox par exemple). Avez-vous déja rencontré ce problème ?? Si oui quelle solution avez-vous trouvée ??

Merci beaucoup !

Le code du tableau :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td width="48"><img src="haut_gauche.gif" width="48" height="32" border="0"></td>
					<td><img src="haut.gif" width="100%" height="32" border="0"></td>
					<td width="48"><img src="haut_droite.gif" width="48" height="32" border="0"></td>
				</tr>
				<tr>
					<td width="48"><img src="gauche.gif" width="48" height="100%" border="0"></td>
					<td><p>Texte de la présentation</p></td>
					<td width="48"><img src="droite.gif" width="48" height="100%" border="0"></td>
				</tr>
				<tr>
					<td width="48"><img src="bas_gauche.gif" width="48" height="32" border="0"></td>
					<td><img src="bas.gif" height="32" border="0" width="100%"></td>
					<td width="48"><img src="bas_droite.gif" width="48" height="32" border="0"></td>
				</tr>
			</table>

[Nesmontou]

Tu peux essayé ça (je n'ai pas testé )

Code :

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

<img src="haut.gif" style="width: 100%; height: 32px;" border="0">

[10-nice]

La mise en page par tableaux est déconseillée, je n'ai pas de solution à part passer par des divs pour de la mise en page...

[Schplaf]

Bon en attendant de me mettre aux div, j'ai trouvé une solution : déclarer les images en fond dans mes cellules (les images s'étirent automatiquement, en tous cas sous IE et Firefox) :

Code :

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

<td width="48" background="gauche.gif" ></td>

J'avais aussi essayé la proposition de Nesmontou mais ça n'a pas marché.
en tous cas pour vos conseils