Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Imagemap sans montrer la zone interactive ?

3 réponses
Avatar
paul
Bonjour,

comment faire pour que les zones interactives d'une image map
n'apparaissent pas à l'utilisateur ?
Pas la peine d'avoir des zones bleues moches sur une belle image !
;-)

Merci
PAul

3 réponses

Avatar
SAM
paul a écrit :
Bonjour,

comment faire pour que les zones interactives d'une image map
n'apparaissent pas à l'utilisateur ?
Pas la peine d'avoir des zones bleues moches sur une belle image !
;-)



Probablement en supprimant les bordures ?

CSS :
img { border: 0 }

ou

HTML :
<img border=0 src=" ...



ou :

CSS :
-----
/* calque sur image à la taille de l'image */
dl#map { position: absolute; top:0;left:0; width:520px; height: 243px; }
dl#map a { display: block; height: 100%; text-decoration:none; }
dl#map a:hover { backround:url(grille.gif) repeat; }
dl#map dt { position: absolute; }

/* réglage des zones cliquables (seulement rectangulaires) */
#aire_1 { left: 15px; top: 23px; width: 45px; height: 30px; }
#aire_2 { left: 150px; top: 123px; width: 145px; height: 50px; }
#aire_3 { left: 200px; top: 40px; width: 245px; height: 20px; }

HTML :
------
<div>
<img src="photo.jpg" width="520" height="243" alt="">
<dl id="map">
<dt id="aire_1"><a href="vue1.jpg" title="vue 1">&nbsp;</a></dt>
<dt id="aire_2"><a href="vue2.jpg" title="vue 2">&nbsp;</a></dt>
<dt id="aire_3"><a href="vue3.jpg" title="vue 3">&nbsp;</a></dt>
</dl>
</div>

--
sm
Avatar
paul
In article <47caef7b$0$897$,
SAM wrote:

paul a écrit :
> Bonjour,
>
> comment faire pour que les zones interactives d'une image map
> n'apparaissent pas à l'utilisateur ?
> Pas la peine d'avoir des zones bleues moches sur une belle image !
> ;-)

Probablement en supprimant les bordures ?

CSS :
img { border: 0 }

ou

HTML :
<img border=0 src=" ...




Merci pour tes réponses (que j'ai bien notées pour l'avenir...)
;-)

En fait j'avais déjà mis la version HTML :
<img border=0 src=" ...

- si je le regarde via Explorer : c'est OK je ne vois pas de zone
affichée.
- si on le regarde via Outlook 2003 (fichier html envoyé par mail en
newsletter) : on me dit qu'on voit ces zones intéractives...

Comment faire ?

Merci !
Avatar
SAM
paul a écrit :
In article <47caef7b$0$897$,
SAM wrote:

paul a écrit :

comment faire pour que les zones interactives d'une image map
n'apparaissent pas à l'utilisateur ?



Probablement en supprimant les bordures ?

CSS :
img { border: 0 }

ou

HTML :
<img border=0 src=" ...



En fait j'avais déjà mis la version HTML :
<img border=0 src=" ...

- si je le regarde via Explorer : c'est OK je ne vois pas de zone
affichée.
- si on le regarde via Outlook 2003 (fichier html envoyé par mail en
newsletter) : on me dit qu'on voit ces zones intéractives...

Comment faire ?



Se plaindre à M$ ?

OutLook n'est pas un navigateur ... à peine un courrierleur.
2003 ... ça ne date pas un peu ?

Conseiller Thunderbird ?

Mettre la page sur un serveur et filer l'adresse ?

T'as t'y tenté avec les CSS ?

J'ai horreur de recevoir des newsletters en HTML surtout avec images.
(mon courrierleur le sait et je n'ai souvent que l'url pour aller la
voir via un navigateur)

--
sm