Discussion :

[nmathon]

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 :

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

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!

[Kerod]

Ton table a bien ceci dedans ??

Code :

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

cellpadding="0" cellspacing="0"

[Invité]

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

Code :

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

1
2
3
4
5
 img
{
float:left;
display:block;
}

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

[Auteur]

bonjour,

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

Code :

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

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 :

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

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

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

Code :

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

1
2
3
4
 
<td>
<img src="image.jpg" align="absbottom">
</td>

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

[nmathon]

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

Merci beaucoup de votre aide!