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 :

[CSS] Commentaires au survol du texte


Sujet :

Survol d'un élément en CSS (:hover)

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2005
    Messages : 8
    Points : 5
    Points
    5
    Par défaut [CSS] Commentaires au survol du texte
    Bonjour,

    J'essaie d'afficher un commentaire au survol de la souris dans un texte.

    Alors sous firefox pas de problème mais sous IE, rien ne s'affiche au survol... a.info et a.info span fonctionnent mais pas les "hover"

    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
     
    a.info {
    position: relative;
    text-decoration: none;
    color: #CCCCCC;
    border-bottom: 1px gray dotted;
    }
    a.info span {
    display: none;
    }
    a.info:hover {
    background: none; /* correction d'un bug IE */
    z-index: 500;
    }
    a.info:hover span {
    display: inline;
    position: absolute;
    top: 2em;
    left: 1em;
    background: white;
    text-align: justify;
    color: black;
    font-weight: bold;
    padding: 2px;
    border: 1px solid black;
    }
     
    <a class="info">Test<span>Dédinition</span></a>
    Merci de votre aide

  2. #2
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    tu cherches à faire une info bulle ?
    dans ce cas utilise l'attribut title

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a title="le commentaire">toto</a>

Discussions similaires

  1. [CSS][IE]image dans input text
    Par lejert dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 23/05/2009, 01h31
  2. [HTML][CSS] modification dans champs de texte
    Par java_fun dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/09/2005, 14h12
  3. [CSS] Faire un CSS juste pout les input text
    Par Oberown dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 27/07/2005, 13h42
  4. [HTML]/[CSS] soulignage de lien (image + texte)
    Par Antickriszt dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 31/03/2005, 20h55
  5. [CSS] style d'un champs texte
    Par franculo_caoulene dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 22/03/2005, 09h41

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