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 :

Mariage d'un DIV et d'une MAP


Sujet :

HTML

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    89
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 89
    Par défaut Mariage d'un DIV et d'une MAP
    Bonjour,

    j'ai deux images affichées l'une sur l'autre grace a des DIV.
    J'ai voulu mettre une MAP sur la deuxieme image (le dernier calque du dessus), mais la MAP n'est pas recconnu.
    Voila mon script :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div style="position:relative; width:770px; margin-left: auto; margin-right: auto; ">
    <div id="CalcChat" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:1"><img src="commun/template01.gif" width="770" height="157" ></div> 
    <div id="CalcCoeur" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:2">
    <img src="commun/calqueboutons.gif" width="770" height="157" border="0" USEMAP="#menub">
    <MAP NAME="menub" > 
    <AREA SHAPE="rect" COORDS="247,125,323,125" HREF="" ALT="Favoris">
    <AREA SHAPE="rect" COORDS="333,125,411,125" HREF="index.php?page=contact" ALT="Contact">
    <AREA SHAPE="rect" COORDS="417,125,501,125" HREF="index.php?page=newsletter" ALT="Newsletter">
    <AREA SHAPE="rect" COORDS="509,125,586,125" HREF="index.php?page=sondage" ALT="Sondage">
    <AREA SHAPE="rect" COORDS="594,125,678,125" HREF="index.php?page=invitation" ALT="Invitation">
    <AREA SHAPE="rect" COORDS="695,125,760,125" HREF="index.php?page=meteo_des_courses" ALT="Météo">
    </MAP> 
    </div>
    merci pour votre aide car je rame depuis 3 jours.

  2. #2
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    Bien sur que si ça marche regarde :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <div style="position:relative; width:770px; margin-left: auto; margin-right: auto; ">
    <div id="CalcChat" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:1">
    <img src="commun/template01.gif" width="770" height="157" /></div> 
    <div id="CalcCoeur" style="position:absolute; left:0px; top:0px; width:770px; height:157px; z-index:2">
    <img src="commun/calqueboutons.gif" width="770" height="157" border="0" usemap="#menub" />
    <MAP NAME="menub" > 
      <AREA SHAPE="rect" COORDS="0,0,770,157" HREF="http://www.ohhla.com" ALT="Favoris" />
      <AREA SHAPE="rect" COORDS="333,125,411,125" HREF="index.php?page=contact" ALT="Contact" />
      <AREA SHAPE="rect" COORDS="417,125,501,125" HREF="index.php?page=newsletter" ALT="Newsletter" />
      <AREA SHAPE="rect" COORDS="509,125,586,125" HREF="index.php?page=sondage" ALT="Sondage" />
      <AREA SHAPE="rect" COORDS="594,125,678,125" HREF="index.php?page=invitation" ALT="Invitation" />
      <AREA SHAPE="rect" COORDS="695,125,760,125" HREF="index.php?page=meteo_des_courses" ALT="Météo" />
    </MAP>
    j'ai créé une area qui fait toute l'image est tu es bien redirigé, c'est juste que les areas que tu as créé sont peut-être trop petites.

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    89
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 89
    Par défaut Re
    Désolé mais cela ne fonctionne pas

    J'ai un logo 'template01' de 770*157


    j'ai un 'calqueboutons' de 770*157


    et grace au DIV j'ai une bannière logo finale


    et le maparea servira pour le redirection lors du clique

    Mais la cela ne fonctionne pas j'ai


    et les MAPAREA ne sont recconu.

    Merci pour votre aide

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    89
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 89
    Par défaut Re
    Merci trotters213,

    je suis vraiment une b...
    je viens de comprendre mon erreur --- kel c.. ke je suis

    <AREA SHAPE="rect" COORDS="333,125,411,125" HREF="index.php?page=contact"

    une Map de 0 pixel de haut mais kel c..

    Excuse et merci pour ta réponse



+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 21/02/2014, 19h02
  2. [Google Maps] Ajouter un div sur une map
    Par mely_84 dans le forum APIs Google
    Réponses: 1
    Dernier message: 25/04/2013, 19h26
  3. Changer le background d'un div à partir d'une image map.
    Par Daï2 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 03/08/2009, 10h02
  4. problème de références _ptr dans une map STL
    Par Mr_Tyu dans le forum CORBA
    Réponses: 1
    Dernier message: 10/08/2004, 10h39
  5. Technique pour faire une map en relief
    Par rvzip64 dans le forum OpenGL
    Réponses: 4
    Dernier message: 28/06/2004, 22h44

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