Infobulles dans message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Infobulles dans message

Message par zigormuch le Dim 8 Mai 2011 - 18:31

Bonjour !!
Alors je vous expose mon problème. J'ai un forum RPG et dans un bottin je souhaiterais mettre une infobulle sur le nom de l'avatar. Avec les images dans ma page d'accueil, tout fonctionne très bien, mais sur un texte, bizarrement rien de s'affiche -_-

Pourriez vous m'aidez ?

Merci d'avance !


Dernière édition par zigormuch le Mar 10 Mai 2011 - 17:25, édité 1 fois (Raison : résolu)

zigormuch
***

Féminin
Messages : 101
Inscrit(e) le : 02/11/2006

http://better-than-revenge.forumactif.org/
zigormuch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles dans message

Message par Ea le Lun 9 Mai 2011 - 10:37

Bonjour,


Quel code vous mettez dans un message ( qui ne fonctionne pas ) ?

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles dans message

Message par zigormuch le Lun 9 Mai 2011 - 19:44

Voici tout le code avec la partie infobulle qui ne fonctionne pas. La bulle apparait mais les informations ne sont pas dedans alors que dsur la page d'accueil cela fonctionne très bien mais avec une image.

Code:
<center><table width="430" bgcolor="#CCBEB2" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#B49361"><tr>

[size=18][color=#C8DFEA]●[/color][color=#AFD0E0]●[/color][color=#93C0D5]● [font=Georgia]Fonctionnement[/font][/color][/size]
<div style="background:#93C0D5">[size=2].[/size]</div>
<blockquote>[color=#AAAAAA][justify][b]CONCERNANT LES SCENARIIS[/b] ; Nous avons décider d'inover un peu pour les scenarios. Cette fois ci par d'histoire, vous découvrirez simplement le lien que recherche le membre inscrit. A vous d'inventez l'histoire qui vous plaît ou de voir avec le créateur du scenarii. Le lien est à respecter. Passer simplement le curseur sur l'avatar et vous aurez toutes les informations nécessaires sur le scenarii. [/justify][/color]
</blockquote>

[size=18][color=#C8DFEA]●[/color][color=#AFD0E0]●[/color][color=#93C0D5]● [font=Georgia]listing des scenarii[/font][/color][/size]
<div style="background:#93C0D5">[size=2].[/size]</div>
[list][list][color=#CD5C5C][b]▬▬▬ scenarii définitivement pris[/b][/color]
[color=#BDB76B][b]▬▬▬ scenarii libres[/b][/color]
[color=#DEB887][b]▬▬▬ scenarii réservées sur demande[/b][/color][/list]
[color=#AAAAAA]→ abc
<div class="celebrite">PRENOM NOM DU PERSO<span>blabla</span></div>

<a class="imginfo">[color=#BDB76B]Chace CRAWFORD[/color] <span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><u> Nature du lien </u><font color="#401d16">Scénario de </font></u><br> <strong>PREOMS & NOMS</strong><br> </td></tr><tr><td style="text-align: center;"><a href="LIEN">CONTACTER</a><br></td></tr><tr align="center"></tr></tbody></table></span></a>
[color=#BDB76B]Clemence POESY[/color]

→ def
[color=#DEB887]Dianna AGRON[/color]
[color=#BDB76B]Ed WESTWICK[/color]
[color=#BDB76B]Francisco LACHOWSKI[/color]

→ ghi
[color=#DEB887]Ian SOMERHALDER[/color]

→ jkl
[color=#DEB887]Jamie DORMAN[/color]
[color=#DEB887]Jared PADALECKI[/color]
[color=#BDB76B]Josh DUSCHAMEL[/color]
[color=#BDB76B]Keira KNIGHTLEY[/color]
[color=#DEB887]Leighton MEESTER[/color]
[color=#BDB76B]Luke GRIMES[/color]

→ mno
[color=#BDB76B]Nico TORTORELLA[/color]

→ pqr
[color=#BDB76B]Paul WESLEY[/color]

→ stu
[color=#BDB76B]Sophia BUSH[/color]

→ vwxyz[/color][/list]
</tr></td></tr></table></table></center>

et le CSS lié, j'ai essayé sans le img mais ca ne change rien :/

Code:
/* INFOBULLES */
a.imginfo {
  position: relative;
  color: #A89365;
  text-decoration: none;
  border-bottom: 0px #a83a3e solid;
 -moz-border-radius: 20px 20px 20px 20px;
}

a.imginfo {
  position: relative;
  color: #A89365;
  text-decoration: none;
  border-bottom: 0px #9C8C80 solid; /* on souligne le texte */
 -moz-border-radius: 20px 20px 20px 20px;
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo: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: 10px; /* on positionne notre infobulle */
  left: -20px;
  background-color: #f7f0e7;
  color: #A89365;
  padding: 3px;
  border: 0px solid grey;
  border: 3px solid #a83a3e;
 -moz-border-radius: 20px 20px 20px 20px;
}

zigormuch
***

Féminin
Messages : 101
Inscrit(e) le : 02/11/2006

http://better-than-revenge.forumactif.org/
zigormuch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles dans message

Message par Ea le Lun 9 Mai 2011 - 20:09

C'est probablement le tableau qui est juste " mal fait ".

On commence par :

Code:
<center><table width="430" bgcolor="#CCBEB2" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#B49361"><tr>
Et on finit par :

Code:
</tr></td></tr></table></table></center>
Alors que ça devrait être :

Code:
</td></tr></td></table></td></tr></table></center>
Et commencer par :

Code:
<center><table width="430" bgcolor="#CCBEB2" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#B49361"><tr><td>
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulles dans message

Message par zigormuch le Lun 9 Mai 2011 - 21:38

En effet je n'avais pas pensé à vérifier le reste du codage, ce n'est pas moi qui l'est fait -_-

Du coup ca modifier le reste du contenu mais l'infobulle y est donc je m'arrangerais pour remettre le reste, merci infiniment !

zigormuch
***

Féminin
Messages : 101
Inscrit(e) le : 02/11/2006

http://better-than-revenge.forumactif.org/
zigormuch a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum