Partage
  • Partager sur Facebook
  • Partager sur Twitter

infobulle en JS

    4 octobre 2009 à 17:52:14

    bonjour,

    j'ai mis des infobulles sur mon formulaire mais elle ne s'affiche pas.
    pour visu http://guillaume2vo.ifrance.com/ pour le mmt fonctionne qu'avec ie petit probleme de mise en page avec mes css

    <!-- Pseudo -->
            <dl>
              <dt>
                <label class="required" for="pseudo">Pseudo : </label>
              </dt>
              <dd>
                <input type="text" id="pseudo" name="pseudo"  maxlength="24" class="txt" value="" 
                onfocus="document.getElementById('infobulle_pseudo').style.visibility ='visible';" 
                 onblur="document.getElementById('infobulle_pseudo').style.visibility ='hidden';" />
                <span class="infobulle" id="infobulle_pseudo">Ton pseudo doit contenir entre 3 et 24 caractères.</span></span></dd>
            </dl>
    


    et mon css

    /******************************************
     * Infobulles
     * ****************************************/
    span.infobulle { 
    	position: absolute;
    	margin: 0;
    	right: 5px;
    	z-index: 90;
    	top: 45px;
    	color: #0033FF;
    	width: 252px;
    	height: 51px;
        /*overflow: hidden;*/
    }
    span.infobulle span {
        position: relative;
        z-index: 99;
        display: block;
        width: 15em;
        padding: 0.5em;
        border: 1px solid #ffdc5c;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        background: #fffece;
        color: #9b7601;
        font-style: normal;
        visibility: hidden; 
    
    }
    #infobulle,
    #infobulle_sex,
    #infobulle_pseudo, 
    #infobulle_mail, 
    #infobulle_password , 
    #infobulle_naissance, 
    #infobulle_langue {visibility: hidden; }
    {
        top: 30px;
    }
    
    • Partager sur Facebook
    • Partager sur Twitter
      4 octobre 2009 à 18:17:09

      Je ne comprend pas le problème, elles marchent bien chez moi.

      (Et la fin de ton CSS est foiré, le { top: 30px; } est en trop

      Ps: tu devrais te trouver un autre hébergeur, car ifrance..
      • Partager sur Facebook
      • Partager sur Twitter

      infobulle en JS

      × 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