Discussion :

[hedgehog]

Bonjour,

Je souhaite créer un tableau avec une disposition particuliére :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<table border="1" width="350" align="center" cellspacing="0" cellpadding="5">
<tr><td></td><td></td><td></td></tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
</table>

Rendu :


Jusqu'ici tout va bien !

Par contre dés que j'ai un texte plus long à entrer (Le tableau a une taille variable car il est généré via PHP), les tailles de mes cellules changent (Seulement sous IE, Firefox prend tout bien en compte) ...

Un exemple :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<table border="1" width="350" align="center" cellspacing="0" cellpadding="5">
<tr><td></td><td></td><td></td></tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">TexteTexteTexteTexteTexte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
 
<tr height="37">
<td colspan="2" align="right">Texte</td><td width="50">Img</td>
</tr>
 
<tr height="37">
<td width="50">Img</td><td colspan="2" align="left">Texte</td>
</tr>
</table>

Rendu :


Quelqu'un aurait-il une idée de comment régler mon probléme ?

Merci d'avance.

[BnA]

(un peu) Etrange car je n'ai pas eu ce problème...

Mais tu peux essayer en mettant une classe au <td> contenant du texte, par exemple:

Code :

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

1
2
3
4
5
6
7
8
9
 
<tr height="37">
<td colspan="2" class="texte">Texte</td><td width="50">Img</td>
</tr>
 
où 
.texte{
width:80%;
}

Ce qui devrait régler ton problème.

[hedgehog]

Merci de ta réponse.

J'ai essayé ta proposition mais il y a toujours des décalages au niveau des cellules