Partage
  • Partager sur Facebook
  • Partager sur Twitter

Infobulle en css

Sujet résolu
Anonyme
    18 juin 2006 à 13:05:21

    Salut a tous, j'ai un probleme avec le css pour l'infobulle !!
    je n'arrive pas a positioner le texte a gauche ! et le faire continuer le texte a droite au lieu que le texte decendent et ce centre !!

    code :

    /* Infobulle */

    * {
       fontsize: 11px; /* on définit les propriétés de texte pour toutes les balises */
       font–family: Tahoma‚ Verdana‚ Arial‚ serif;
       cursor: help;
    }
    a.info {
       position: relative;
       color: #336699;
       text–decoration: none;
       borderbottom: 1px gray dotted; /* on souligne le texte */
       cursor: help;
    }
    a.info span {
       display: none; /* on masque l'infobulle */
    }
    a.info:hover {
       background: none; /* correction d'un bug IE */
       z–index: 600; /* on définit une valeur pour l'ordre d'affichage */

       cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    a.info:hover span {
       display: inline; /* on affiche l'infobulle */
       position: absolute;
       white–space: nowrap; /* on change la valeur de la propriété white–space pour qu'il n'y ait pas de retour à la ligne non–désiré */
       top: 15px; /* on positionne notre infobulle */
       left: 15px;
       background: white;
       color: #336699;
       padding: 15px;
       border: 3px double blue;
       position: absolute;
    }


    Comment doit-je positionner le texte a gauche ?
    le faire continuer a droite eu lieu que sa decendent ?

    Merci de vos réponse !


    Ps : Site : http://01logitech.ovh.org/index.php >> Surpasser Edito pour voir l'infobulle et m'aider !

    .: tyrex11 :.
    • Partager sur Facebook
    • Partager sur Twitter
      18 juin 2006 à 13:12:11

      Supprime ton padding:15px; et applique une largeur ( width ) à ton a.info:hover span .

      ++
      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        18 juin 2006 à 13:17:31

        Merci sa marche !!
        ++
        • Partager sur Facebook
        • Partager sur Twitter

        Infobulle en css

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur
        • Markdown