Forum de discussion
Forum « Programmation HTML » (archives)
Re: Image réactive , rollover ! sur une grande image de fond découpée en plusieurs images dans une tableau HTML
Envoyé: 27 août 2004, 9h12 par Oznog
Avant tout, tu va devoir apprendre à utiliser ce forum. Donne ton code si tu veux de l'aide, en l'occurence ton tableau HTML (pas besoin des images).
Tu peux bien sûr penser à une autre solution mais commence déjà par soumettere ton problème, lui seul dicte les solutions, ce qu'aucune alternative ne peut faire.
Alors, quand tu fais une construction avec des images dans un tableau HTML tu dois t'assurer que le tableau n'a aucune marge et espace (cellspacing, cellpadding) entre les cellules. Par défaut il y a justement une marge. Ensuite, assure toi de bien calculer les dimensions du tableau et idéallement de chacune des cellules qui contient une image.
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100">image</td>
<td width="50">image</td>
<td width="150">image</td>
<td width="100">image</td>
</tr>
</table>
Pour être plus sûr, assure toi aussi que les images n'ont pas elles-aussi de marge (vspace et hspace).
<img src="images.gif" width="238" height="61" vspace="0" hspace="0">
Voir aussi d'autre solution en CSS.
Pour ce qui est de ta deuxième solution, plus lo=ourde car l'image de fond est non seulement très grande (le coupage des image à l'avantage de diminuer le poids des images, particulièrement les images indexées comme le GIF ou PNG.) mais aussi tu devra doubler les images réactive, bien qu,une image transparente fera l'affaire. Mais le positionnement des images réactives (flottante) sera un autre défit plus complexe celui là que ton problème d'espace dasn un tableau HTML.
Mais n'oublie pas, décrit bien ton problème avec sujet significatif et donne du code si tu veux optimiser au maximum d'éventuelles réponses.
Ciao
Oznog