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

Mise en page CSS Discussion :

Style de l'infobulle de la balise area


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    199
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 199
    Par défaut Style de l'infobulle de la balise area
    Bonjour,

    voila mon soucis.
    je voudrais modifier le style de l'infobulle d'une balise area
    Voila mon css il fonctionne avec une balise SPAN
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
     
    a.info {
      position:relative;
      text-decoration: none; 
    }
     
    a:hover.info {
    	color:#000000;
        background: none;
    }
     
    a.info  {display: none;}
     
    a:hover.info span {
      background-color:#e2fcc7;
      display: inline;
      position: absolute; 
     
      top:1.5em;
      left:0.5em;
      z-index: 20;
      color:#000000;
     
      border: 2px solid #80c268;
      -moz-border-radius: 15px;
     
      width:150px;
      text-align:center;
      font-weight:normal;
      font-size: 12px;
      line-height:14px;
      padding:2px 4px;
     
    }
    Et voila mon html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    <IMG SRC="test.png"
        border=0
    	WIDTH=500
    	HEIGHT=459
    	USEMAP="#Map">
    <MAP NAME="Map">
     
    	<AREA SHAPE="circle"  class="info" title="Infobulle"
     
    		   HREF="precedent.html"
    		   COORDS="50,30,10">
     
     
     
    </MAP>
    Voila donc mon probleme et de changer le style le l'infobulle.....

    Est ce que vous pouvez m'aider
    Merci

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Ce n'est pas possible de modifier le style de ce genre d'infobulle. il faut déjà en créer une toi même, ce tutoriel pourra t'y aider : http://r-hunel.developpez.com/tutoriels/css/info-bulle/

Discussions similaires

  1. Personnaliser balise area
    Par tony8716 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/11/2008, 08h55
  2. Lightbox et action sur balise area
    Par Erwan31 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 09/09/2008, 18h44
  3. Rollover avec la balise area
    Par Gael7 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 04/10/2005, 11h46
  4. [CSS] Le type hand pour cursor dans une balise AREA
    Par Invité dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 13/04/2005, 13h33

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