Bonjour tout le monde, je suis déjà passé hierpour un problème lors de la refonte de mon site, j´en ai un deuxième:
une cellule de tableau qui ne se place pas correctement.
Voici un screenshot:
http://img206.exs.cx/my.php?loc=img206&image=screenbug5ff.png

Le but est de ramener l´image que j´ai encadré la ou poiten la fleche.

Le tableau est organisé comme ceci:

. ._________________________________________
. .|.........|..............................|
. .|..Image1.|..............................|
. .|---------|..............................|
. .|.........|..............................|
. .|..Image2.|..............................|
. .|---------|.....Grande Image.............|
. .|.........|..............................|
. .|..Image3.|______________________________|
. .|---------|------------------------------|
. .|.........|Image5|Image6|Probleme?|Image7|
. .|..Image4.|------------------------------|
. .|---------|______________________________|

Je voudrais suprrimer la case que j´ai appelé " probleme" dans mon schema car elle n´est pas dans le code source!

voici le code ( passé dans le codeur):

<table width="450" cellspacing="0" cellpadding="4">
<tr>
<td width="120" height="90" valign="top">
<a href="#" onMouseOver="distance.src=image2.src"
onMouseOut="distance.src=image1.src">

<img src="titre-small.png" width="120" height="90" border="0" vspace="0" hspace="0">
</a>
</td>
<td rowspan=3>
<img src="defaut.png" border=0 width=320 height=240 name="distance" hspace="0" vspace"0">
</td>
</tr>
<tr>
<td width="120" height="90" valign="top">
<a href="#" onMouseOver="distance.src=image3.src"
onMouseOut="distance.src=image1.src">

<img src="ipsys-screen-small.png" width="120" height="90" border="0" vspace="0" hspace="0">
</a>
</td>
</tr>
<tr>
<td width="120" height="90" valign="top">
<a href="#" onMouseOver="distance.src=image4.src"
onMouseOut="distance.src=image1.src">

<img src="magasin-screen-small.png" width="120" height="90" border="0" vspace="0" hspace="0">
</a>
</td>
</tr>
<tr>
<td width="120" height="90" valign="top">
<a href="#" onMouseOver="distance.src=image5.src"
onMouseOut="distance.src=image1.src">

<img src="marche-screen-small.png" width="120" height="90" border="0" vspace="0" hspace="0">
</a>
</td>
<td width="120" height="90" valign="top">
<a href="#" onMouseOver="distance.src=image6.src"
onMouseOut="distance.src=image1.src">

<img src="route-screen-small.png" width="120" height="90" border="0" vspace="0" hspace="0">
</a>
</td>
<td width="120" height="90" valign="top">
<a href="#" onMouseOver="distance.src=image7.src"
onMouseOut="distance.src=image1.src">

<img src="menu-screen-small.png" width="120" height="90" border="0" vspace="0" hspace="0">
</a>
</td>
</tr>
</table>

merci d´avance

Est-ce que c´est ça:

< table cellpadding="4" cellspacing="0" width="450"> < tbody> < tr> < td height="90" valign="top" width="120"> < a href="#" onmouseover="distance.src=image2.src" onmouseout="distance.src=image1.src"><img src="titre-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> < /a> < /td> < td rowspan="3"> < img src="defaut.png" name="distance" 0="" border="0" height="240" hspace="0" vspace="" width="320"> < /td> < /tr> < tr> < td height="90" valign="top" width="120"> < a href="#" onmouseover="distance.src=image3.src" onmouseout="distance.src=image1.src"><img src="ipsys-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> < /a> < /td> < /tr> < tr> < td height="90" valign="top" width="120"> < a href="#" onmouseover="distance.src=image4.src" onmouseout="distance.src=image1.src"><img src="magasin-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> < /a> < /td> < /tr> < tr> < td height="90" valign="top" width="120"> < a href="#" onmouseover="distance.src=image5.src" onmouseout="distance.src=image1.src"><img src="marche-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> < /a> < /td> < td height="90" valign="top" width="120"> < a href="#" onmouseover="distance.src=image6.src" onmouseout="distance.src=image1.src"><img src="route-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"></a><a href="#" onmouseover="distance.src=image7.src" onmouseout="distance.src=image1.src"> < img src="menu-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> < /a><a href="#" onmouseover="distance.src=image6.src" onmouseout="distance.src=image1.src"> < /a> < /td> < td height="90" valign="top" width="120"> < a href="#" onmouseover="distance.src=image7.src" onmouseout="distance.src=image1.src"> < /a> < /td> < /tr> < /tbody> < /table>

Merde ça déconne avec le forum de jv qui rajoute des espaes partout, donc je t´ai mis tout le code dans un fichier texte que tu peux télécharger là: http://dl02.rapidshare.de/files/722220/70/test.txt ! Un fois ouvert appuie en même temps sur Ctrl+A pour copier tout le code et rajoute-le au code source de ta page, on verra bien ! !

Alors ?

Tu peux me mailer à range.robin@wanadoo.fr

Et merde, le lien du téléchargement est http://rapidshare.de/files/722220/test.txt.html , cliques ensuite sur Free et attends que le compte à rébours en bas de la page atteigne zéro puis cliques sur le line qui apparaît pour lancer le téléchargement !

http://www.membres.lycos.fr/vgp/
Tiens tape ton code dedans ^^

akira tu te connecte plus a msn ou koi

<table cellpadding="4" cellspacing="0" width="450"> <tbody> <tr> <td height="90" valign="top" width="120"> <a href="#" onmouseover="distance.src=image2.src"
onmouseout="distance.src=image1.src">
<img src="titre-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> </a> </td> <td rowspan="3"> <img src="defaut.png" name="distance" 0="" border="0" height="240" hspace="0" vspace="" width="320"> </td> </tr> <tr> <td height="90" valign="top" width="120"> <a href="#" onmouseover="distance.src=image3.src"
onmouseout="distance.src=image1.src">
<img src="ipsys-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> </a> </td> </tr> <tr> <td height="90" valign="top" width="120"> <a href="#" onmouseover="distance.src=image4.src"
onmouseout="distance.src=image1.src">
<img src="magasin-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> </a> </td> </tr> <tr> <td height="90" valign="top" width="120"> <a href="#" onmouseover="distance.src=image5.src"
onmouseout="distance.src=image1.src">
<img src="marche-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> </a> </td> <td height="90" valign="top" width="120"> <a href="#" onmouseover="distance.src=image6.src"
onmouseout="distance.src=image1.src">
<img src="route-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"></a><a href="#" onmouseover="distance.src=image7.src"
onmouseout="distance.src=image1.src">
<img src="menu-screen-small.png" border="0" height="90" hspace="0" vspace="0" width="120"> </a><a href="#" onmouseover="distance.src=image6.src"
onmouseout="distance.src=image1.src">
</a> </td> <td height="90" valign="top" width="120"> <a href="#" onmouseover="distance.src=image7.src"
onmouseout="distance.src=image1.src">
</a> </td> </tr> </tbody> </table>

La derniere image apparait en dessous de l´avant derniere et non à droite de l´avant derniere...

C´est presque ca mdr^^

( j´ai utilisé le code du lien, c´est le meme que celui qur tu viens de poster?)

La solution m´a été donnée sur le forum du site allhtml: il manauqait un colspan=3 dans les attributes de la cellule qui contient la grande image.

Merci à ceux qui m´ont aidé