IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Problème de liens sur zones image


Sujet :

HTML

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 2
    Par défaut Problème de liens sur zones image
    Bonjour,
    Je suis toute nouvelle dans le dévelppement Web, je travaille sur mon futur site à l'aide de Dreamweaver CS4 et du manuel éponyme "pour les nuls". Configuration Windows 7.
    Mon problème est le suivant :
    J'ai une image qui représente tous les boutons de navigation, dans laquelle je crée des zones sensibles avec des hyperliens vers mes pages. Les zones sont bien en bleu, les liens sont créés, mais un double du lien apparaît en bas de mon image, ce qui nuit à l'esthétique de la page. Comment faire disparaître ces "doublons" en conservant le lien zone sensible ?
    Voici le code correspondant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <img src="../images/Boutons/Menu.png" alt="menu" width="202" height="448" border="0" usemap="#Map" /><a href="../Plan.html" target="_top">../Plan.html</a><a href="../Professionnels.html" target="_top">../Professionnels.html</a><a href="../Commander.html" target="_top">../Commander.html</a><a href="../Apropos.html" target="_top">../Apropos.html</a><a href="../Atelier.html" target="_top">../Atelier.html</a><a href="../Paravent.html" target="_top">../Paravent.html</a><a href="../Index.html" target="_top">../Index.html</a>
      <map name="Map" id="Map">
        <area shape="rect" coords="22,16,166,49" href="#" target="_blank" alt="accueil" />
        <area shape="rect" coords="24,57,168,91" href="#" target="_blank" alt="le paravent" />
        <area shape="rect" coords="21,222,169,255" href="#" target="_blank" alt="Atelier" />
        <area shape="rect" coords="23,260,168,295" href="#" target="_blank" alt="Qui suis-je" />
        <area shape="rect" coords="21,305,174,338" href="#" target="_blank" alt="commander" />
        <area shape="rect" coords="20,344,174,374" href="#" target="_blank" alt="professionnels" />
        <area shape="rect" coords="20,383,172,418" href="#" target="_blank" alt="plan du site" />
      </map>
      </div>
    Autre problème : quand je teste mes liens sur IE7, chaque lien ouvre sa propre page dans une nouvelle fenêtre au lieu d'ouvrir la page cible.
    Merci pour votre aide !

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    salut,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <img src="../images/Boutons/Menu.png" alt="menu" width="202" height="448" border="0" usemap="#Map" />
    <a href="../Plan.html" target="_top">../Plan.html</a>
    <a href="../Professionnels.html" target="_top">../Professionnels.html</a>
    <a href="../Commander.html" target="_top">../Commander.html</a>
    <a href="../Apropos.html" target="_top">../Apropos.html</a>
    <a href="../Atelier.html" target="_top">../Atelier.html</a>
    <a href="../Paravent.html" target="_top">../Paravent.html</a>
    <a href="../Index.html" target="_top">../Index.html</a>
    l'utilisation de balise <a></a> oblige l'affichage d'où ton problème. en fait il faudrait supprimer tes lien et utiliser le href présent dans ton area.

    ensuite, la raison pour laquel cela ouvre une nouvelle page est tout bonnement dut au fait que tu utilise un _blank

    et va falloir aussi expliquer le but souhaité car là si tu remplace par un _self cela va ouvrir tes pages dans la même page mais cette section disparaîtra.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2010
    Messages : 2
    Par défaut Merci +++
    Bonjour,

    Je vais tenter de suivre à la lettre et j'espère que ça va marcher..; il faut dire que je suis hyper novice et que la plupart des termes utilisés étaient encore du chinois pour moi il y a 15 jours, donc faut y aller tout doux.

    Merci encore...

Discussions similaires

  1. [CSS 2] Problème de liens sur images
    Par sainturne dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 06/04/2009, 19h38
  2. [CSS] Problème avec cadre sur une image lien
    Par Strix dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 24/12/2006, 10h09
  3. lien sur une image
    Par DiverSIG dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 29/03/2006, 14h29
  4. Problème de lien sur date entre Access et MySQL-4.1
    Par michou42 dans le forum SQL Procédural
    Réponses: 2
    Dernier message: 04/04/2005, 23h31
  5. probléme de cadre sur une image qui me sert de lien
    Par thomas_chamas dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 26/11/2004, 17h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo