Problème de menu: espaces entre les images

Bonjour,

J'ai fait un site tout simple avec un petit menu à gauche utilisant des images avec roll over.

Mon problème est qu'il se forme dès ligne entre les image mais celles-ci devraient être collées les unes sur les autres.

Code:

---

1 2 3

<td rowspan="3" align="left" valign="top" style="background-image: url('/site/templates/francais/images/spacermenu.jpg');" align="left"> <img src="/site/templates/francais/images/topmenu.jpg"> <img src="/site/templates/francais/images/home_off.jpg" onMouseOver="this.src='/site/templates/francais/images/home_on.jpg'" onMouseOut="this.src='/site/templates/francais/images/home_off.jpg'" border="0" alt=""/>

---

Il se forme en espace horizontal entre topmenu.jpg et home_x.jpg.

Merci!

Ton table a bien ceci dedans ??

Code:

---

cellpadding="0" cellspacing="0"

---

Salut
Pas très précis comme problème mais peut être à regarder au niveau css :

Code:

---

1 2 3 4 5

img { float:left; display:block; }

---

Faire une classe evitera que toutes les images soient modifiées ^^
@++

bonjour,

je crois que ton problème n'est rencontré que sous IE. Si tu codes :

Code:

---

1 2 3 4

<td> <img src="image.jpg"> </td>

---

le retour à la ligne après la balise img est interprété ce qui expique l'espace entre les images.

2 solutions:
-la première pas très élégante : écrire le code sur une ligne ;

Code:

---

1 2	<td><img src="image.jpg"></td>

---

-la seconde : utiliser l'attribut align="absbottom";

Code:

---

1 2 3 4

<td> <img src="image.jpg" align="absbottom"> </td>

---

cet attribut n'est pas défini dans le CSS.

L'attribut « align="absbottom" » a bien réglé mon problème!

Merci beaucoup de votre aide!