PHWinfo banniere

Titres
PORTAIL ANNUAIRE ARTICLES COMPARATEUR HÉBERGEURS DEVIS FORUMS RÉDUCTEUR D'URL
Précédent   PHWinfo > Autres forums > Forum Programmation & Conception > fr.comp.info.auteurs > Re: Imagemap sans montrer la zone interactive ?
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
Re: Imagemap sans montrer la zone interactive ?

Réponse
 
LinkBack Outils de la discussion
Vieux 02/03/2008, 18h18   #1 (permalink)
SAM
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Imagemap sans montrer la zone interactive ?

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
  Réponse avec citation
Vieux 03/03/2008, 00h59   #2 (permalink)
SAM
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Imagemap sans montrer la zone interactive ?

paul a écrit :
> In article <47caef7b$0$897$ba4acef3@news.orange.fr>,
> SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> 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

  Réponse avec citation
Réponse


Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


Fuseau horaire GMT +1. Il est actuellement 12h54.


Édité par : vBulletin® version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC5 Tous droits réservés.
Version française #16 par l'association vBulletin francophone
PHWinfo est un site Éducation Sans Frontières
Ad Management by RedTyger
©Tous droits réservés par les parties respectives
Page generated in 0,08469 seconds with 10 queries