Problème d'écriture dans une Infobulle ▬ Résolu Bouton_activeProblème d'écriture dans une Infobulle ▬ Résolu Bouton_hoverProblème d'écriture dans une Infobulle ▬ Résolu Fb-hoverProblème d'écriture dans une Infobulle ▬ Résolu Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Problème d'écriture dans une Infobulle ▬ Résolu EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'écriture dans une Infobulle ▬ Résolu EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'écriture dans une Infobulle ▬ Résolu EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'écriture dans une Infobulle ▬ Résolu EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'écriture dans une Infobulle ▬ Résolu EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'écriture dans une Infobulle ▬ Résolu EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème d'écriture dans une Infobulle ▬ Résolu EmptyMar 07 Fév 2023, 08:40 par Oxtran


Partagez
 

Problème d'écriture dans une Infobulle ▬ Résolu

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Mystore
Mystore
{ Membre }
{ Membre }

Masculin Messages : 18



Problème d'écriture dans une Infobulle ▬ Résolu Empty
Bonjour ! J'ai un petite problème, mais avant de vous l'expliquer, voilà quelques informations utiles :

  • L'adresse Internet du forum : (En balise Hide)

  • L'explication du problème : Le problème si situe au niveau du QEEL (Qui est en ligne), et plus particulièrement, au niveau d'une Infobulle. Je souhaite créer une Infobulle sur le nom de chaque groupe, afin d'y inclure une explication de son fonctionnement. Seulement, l'Infobulle s'affiche bien, mais l'intérieur est en gras, alors que je n'ai mis aucune balise < b > dans le Template (à moins que je ne l'ai pas vu). De plus, les balises telles que < center > ne fonctionnent pas toutes dans l'infobulle.
    A noter que l'Infobulle est celle donnée ici par Lilypad : Faire une infobulle

  • Petit screen explicatif : Cliquez ici

  • Codes affectés (Template & CSS) :

    Le CSS de l'Infobulle
    Code:
    /*INFOBULLE*/

    a.infobulle {
      position: relative;
      text-decoration: none !important;
    }

    a.infobulle span {
      display: none; /* ceci masque l'infobulle */
      text-decoration: none !important;
    }

    a.infobulle:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
      text-decoration: none !important;
    }

    a.infobulle:hover span {
      display: inline; /* ceci affiche l'infobulle */
      position: absolute;

      width: 250px;

      top: -50px; /* on positionne notre infobulle */
      left: 20px;

      background: #ebebeb; /* arrière-plan de l'infobulle */

      color: black; /* texte dans l'infobulle */
      padding: 3px;
      text-decoration: none !important;

      /* bordures de votre infobulle*/
      border: 3px solid #8094BC;
      border-left: 3px solid #8094BC;
      border-radius: 30px;
    }

    Le passage du Template Index_body concerné
    Code:
    <!-- BEGIN disable_viewonline -->
    <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
      <tr>
    <td width="15%"></td>
    <td width="50%">
    <br><br><br><br><br><br><br><center>
      <span class="groupes"><a href="LIEN DU GROUPE 1"><font color="#982828" size="2"><a href="#" class="infobulle">DRESSEURS
        <span><center><font color="#982828">Dresseurs</font></center>
       
        Les Dresseurs parcourent le monde en passant par toutes les Arènes,
        afin d'obtenir les précieux Badges qui les conduiront vers la Ligue
        Pokémon. Vous aussi, partez à la recherche des Badges, et devenez
        le plus grand Dresseur de Pokémon !
       
          <center>Débouchée
            Champion d'Arène </center></span></a>
       
        </font></span>
      <br /><span class="groupes"><a href="LIEN DU GROUPE 2"><font color="#AB5C89" size="2"><b>COORDINATEURS</b></font></a> </span>
    <span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="#4B7840" size="2"><b>ELEVEURS</b></font></a></span>
      <br /><span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="#805C39" size="2"><b>COLLECTIONNEURS</b></font></a> </span>
      <span class="groupes"> <a href="LIEN DU GROUPE 5"><font color="#395A80" size="2"><b>RANGERS</b></font></a></span>
    <span class="groupes"> <a href="LIEN DU GROUPE 6"><font color="#341934" size="2"><b>VOLEURS</b></font></a> </span><br><br>
      <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
    {NEWEST_USER}<br><br>
    {TOTAL_USERS_ONLINE}<br>
    {LOGGED_IN_USER_LIST}</center></span><br>
    <td width="5%"></td>
    </tr>
    </table>
     
    <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
    {L_CONNECTED_MEMBERS}</table>
    <br>
    <!-- END disable_viewonline -->


Merci d'avance pour votre aide !


Dernière édition par Mystore le Lun 09 Juil 2012, 15:33, édité 1 fois
MessageSujet: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 07:38
Revenir en haut Aller en bas
http://www.endlessart.be
Aerlinn
Aerlinn
{ Membre }
{ Membre }

Féminin Messages : 82



Problème d'écriture dans une Infobulle ▬ Résolu Empty
Salut,

Il me semble qu'il suffit de préciser que tu ne veux pas que ton texte soit en gras. Si je ne me trompe pas, il le serait par défaut à cause du css de Forumactif.
Dans la partie ici :
Code:
color: black; /* texte dans l'infobulle */
  padding: 3px;
  text-decoration: none !important;

il te suffit d'ajouter :
Code:
font-weight: none;

Ce qui donne :
Code:
color: black; /* texte dans l'infobulle */
  padding: 3px;
  text-decoration: none !important;
  font-weight: none;

MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 07:46
Revenir en haut Aller en bas
Mystore
Mystore
{ Membre }
{ Membre }

Masculin Messages : 18



Problème d'écriture dans une Infobulle ▬ Résolu Empty
Ça ne fonctionne toujours pas, car le texte est toujours en gras. D'ailleurs, en cliquant sur l'Infobulle, ça nous amène tout en haut de la page, je ne sais pas si c'est normal ..
MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 08:04
Revenir en haut Aller en bas
http://www.endlessart.be
Aerlinn
Aerlinn
{ Membre }
{ Membre }

Féminin Messages : 82



Problème d'écriture dans une Infobulle ▬ Résolu Empty
En replaçant le font-weight: none; par font-weight: normal; est-ce que cela change-t-il quelque chose?

Pour le cas où en cliquant sur l'infobulle, ça amène en haut de page, c'est parce que tu n'as pas encore précisé l'url qui mène à ton groupe, dans ce cas-ci, Dresseur. De ce que j'en vois, tu n'as rien précisé dans ta balise
Code:
<a href="url_du_groupe"></a>
MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 08:23
Revenir en haut Aller en bas
Mystore
Mystore
{ Membre }
{ Membre }

Masculin Messages : 18



Problème d'écriture dans une Infobulle ▬ Résolu Empty
C'est parfait, tout fonctionne ! Merci pour ton aide ! Problème d'écriture dans une Infobulle ▬ Résolu 3933776953

Sujet résolu.
MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 08:38
Revenir en haut Aller en bas
http://www.endlessart.be
Aerlinn
Aerlinn
{ Membre }
{ Membre }

Féminin Messages : 82



Problème d'écriture dans une Infobulle ▬ Résolu Empty
Impeccable ! Et de rien, c'était avec grand plaisir.

Bonne continuation pour ton forum ! Wink
MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 08:46
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème d'écriture dans une Infobulle ▬ Résolu Empty
Yop'
Je vois que le problème est résolu, alors je classe !
Merci de l'avoir signalé Problème d'écriture dans une Infobulle ▬ Résolu 926145
MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu EmptyLun 09 Juil 2012, 15:34
Revenir en haut Aller en bas
Contenu sponsorisé




Problème d'écriture dans une Infobulle ▬ Résolu Empty
MessageSujet: Re: Problème d'écriture dans une Infobulle ▬ Résolu   Problème d'écriture dans une Infobulle ▬ Résolu Empty
Revenir en haut Aller en bas
 

Problème d'écriture dans une Infobulle ▬ Résolu

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [résolu] Problème d'infobulle
» Effet infobulle dans les messages, sans CSS ? [ Résolu ]
» Problème de slideshow horizontal dans une PA [Résolu]
» Feuille de perso &. infobulle. (problème résolu)
» petit problème de vidéo dans infobulle

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit