Page 1 sur 1
utilisation de l'instruction usemap
Publié : 04 déc. 2003, 16:01
par jiggle
Un code HTML comme celui ci dessous provoque l'affichage d'un cadre autour de l'image principale alors qu'avec IE? tout fonctionne correctement.
on enlève l'instruction USEMAP et tout est correct. Ce n'est pas une instruction BORDER dans la table qui provoque cet affichage de cadre. Y-t-il un moyen d'utiliser USEMAP sans avoir un cadre autour de l'image mappée ?
D'avance merci de votre aide
Code : Tout sélectionner
<table width="706" border="0" height="60" align=left cellspacing="0" cellpadding="0" valign=top>
<tr>
<td align=left >
<MAP NAME="liens-classes">
<area shape="rect" coords="5, 1, 76, 23" HREF="../PRO/PRO01_PROPRI_F.html" target="parent">
<area shape="rect" coords="103, 1, 142, 23" HREF="../PRO/PRO01_PROCL6_F.html" target="parent">
<area shape="rect" coords="3, 28, 70, 46" HREF="../PRO/PRO01_PROC54_F.html" target="parent">
<area shape="rect" coords="101, 28, 142, 46" HREF="../PRO/PRO01_PROCL3_F.html" target="parent">
</MAP>
<TD align=left >
<img src="../IMAGES/bt_programmes_off.gif" NAME="rollov3" TITLE="Programmes" ONMOUSEOVER="document.rollov3.src='../IMAGES/bt_programmes4_on.gif';" USEMAP="#liens-classes" ONMOUSEOUT="document.rollov3.src='../IMAGES/bt_programmes_off.gif'">
</TD>
</TR>
</TABLE>
Publié : 04 déc. 2003, 16:27
par Benoit
J'ai placé ton message dans la section "Développement web" qui est plus appropriée, d'autre part il vaut mieux utiliser les tags "code" qui te sont proposés quand tu mets un exemple de code dans ton message.
Alors ce qui se passe c'est que ton image devient un lien lorsque tu lui ajoutes un attribut usemap, d'où le bord bleu. Tu peux l'enlever en ajoutant
Et enfin, je ne vois absolument pas l'utilité du tableau autour de ton image. Ceci devrait suffire :
Code : Tout sélectionner
<map name="liens-classes">
<area shape="rect" coords="5, 1, 76, 23" href="../PRO/PRO01_PROPRI_F.html" target="parent">
<area shape="rect" coords="103, 1, 142, 23" href="../PRO/PRO01_PROCL6_F.html" target="parent">
<area shape="rect" coords="3, 28, 70, 46" href="../PRO/PRO01_PROC54_F.html" target="parent">
<area shape="rect" coords="101, 28, 142, 46" href="../PRO/PRO01_PROCL3_F.html" target="parent">
</map>
<img src="../IMAGES/bt_programmes_off.gif" name="rollov3" id="rollov3" title="Programmes" style="border: 0;" onmouseover="document.rollov3.src='../IMAGES/bt_programmes4_on.gif';" usemap="#liens-classes" onmouseout="document.rollov3.src='../IMAGES/bt_programmes_off.gif'">
utilisation "border"
Publié : 13 déc. 2003, 19:07
par panurge
Merci pour l'astuce, j'apporte ma pierre à l'édifice car l'attribut border peut aussi etre utiliser comme ceci (dans ma feuille de style externe pour mon cas):
est comme ça on a de belles photos pour faire des liens sans la bordure pas trés jolie, c'est vrai.
voila
Publié : 13 déc. 2003, 19:42
par Benoit
J'ai pensé qu'il ne devait probablement pas y avoir de feuille de style externe en fait
C'est mieux d'améliorer une petite chose à la fois je crois.
Publié : 13 déc. 2003, 23:25
par Bobe
j'ajoute à la réponse de panurge que le px derrière le zéro est inutile. zéro reste zéro quelque soit l'unité
