Sujets similaires

C'est tout ?

Euh non excuse je me suis planté suis un boulet:

Code:: #chatbox_members ul li,
body.chatbox {
background-image:url('http://s2.noelshack.com/uploads/images/17227245733137_copie_12.jpg');
}

*a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

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

white-space: nowrap; /* on change la valeur de la pr
*opriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

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

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

Code:: <a class="imginfo"><img style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 100px; BORDER-BOTTOM: 0px solid; HEIGHT: 100px;" alt="" src="http://img18.imageshack.us/img18/5633/1z4cxzk.gif"/><span>
<DIV class="tstaff"><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 240px; BORDER-BOTTOM: 0px solid; HEIGHT: 180px;" alt="" src="http://caps.wwe4live.de/data/media/240/Jerichp_speak_to_01.jpg"><FONT style="COLOR: rgb(255,204,0);" color=#ff8403><B>Y2J/GM</B></FONT><BR>Administrateur<BR><A href="http://wwe-virtual.forumactif.com/profile.forum?mode=viewprofile&u=1">Voir son profil</A><BR><A href="http://wwe-virtual.forumactif.com/msg.forum?mode=post&u=1">Lui envoyer un MP</A></DIV>
</span></a>

Code:: #chatbox_members ul li,
body.chatbox {
background-image:url('http://s2.noelshack.com/uploads/images/17227245733137_copie_12.jpg');
}

a.imginfo {
position: relative;
}

a.imginfo span {
display: none; /* ceci 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 */

}
a.imginfo:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
border: 1px dotted black;
}

Merci mais est ce que c'est normal que le code HTML (pour l'infobulle) ne marche pas ici? Wink

Tout bonnement parce que le code CSS n'est pas le même que celui de ce forum

Merci par contre ca ma changer quelques choses, avant mon onglet fermer suivait le coté du mini chat, maintenant il reste sur place, ce qui cache les personne en ligne ainssi que les absents Wink

Désolé du double post mais peux pas éditer: ca marche toujours pas, mal hereusement!

Est-ce qu'on pourrait savoir où exactement tu mets tes infobulles? J'ai beau chercher sur ton forum je ne les trouve pas, et je n'ai pas réussi à comprendre le rapport entre les infobulles et l'onglet du chat.

Et sans voir le résultat de ton code sur ton forum, on ne peut pas règler ton problème. Tu ne fais que dire que ça plante, mais on ne sait pas COMMENT ça plante.

Le chat c'est arranger, je sais pas ce qu'il c'était passer, j'ai copier, mon code CSS, je l'ai coller et pourtant voila mon résultats

Spoiler:

*Teste le code*
C'est ce qui arrive lorsqu'on installe le code sans mettre le CSS. En mettant le CSS, tout fonctionne bien.
Il faut mettre le CSS dans Affichage -> Couleurs -> Feuille de style ~

Je l'ai mis déja Wink

Désolé du double post mais je peux pas éditer:

Code:: #chatbox_members ul li,
body.chatbox {
background-image:url('http://s2.noelshack.com/uploads/images/17227245733137_copie_12.jpg');
}

a.imginfo {
position: relative;
}

a.imginfo span {
display: none; /* ceci 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 */

}
a.imginfo:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
border: 1px dotted black;
}

Voila le code que j'ai mit!

Je crois qu'Ikø' parle un français compréhensible.
Elle t'a demandé où tu mettais ton infobulle.

Désolé, j'aimmerais le mettre en page d'accueil, mais pour l'instant je teste le code dans n'importe quel sujet et je prévisualise

Donne nous une fois de plus, exactement ce que tu mets dans ton message et dans ta feuille CSS.
Car chez moi tout marche bien

Kimy a écrit:

Code:: <a class="imginfo"><img style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 100px; BORDER-BOTTOM: 0px solid; HEIGHT: 100px;" alt="" src="http://img18.imageshack.us/img18/5633/1z4cxzk.gif"/><span>
<DIV class="tstaff"><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 240px; BORDER-BOTTOM: 0px solid; HEIGHT: 180px;" alt="" src="http://caps.wwe4live.de/data/media/240/Jerichp_speak_to_01.jpg"><FONT style="COLOR: rgb(255,204,0);" color=#ff8403><B>Y2J/GM</B></FONT><BR>Administrateur<BR><A href="http://wwe-virtual.forumactif.com/profile.forum?mode=viewprofile&u=1">Voir son profil</A><BR><A href="http://wwe-virtual.forumactif.com/msg.forum?mode=post&u=1">Lui envoyer un MP</A></DIV>
</span></a>

Code:: #chatbox_members ul li,
body.chatbox {
background-image:url('http://s2.noelshack.com/uploads/images/17227245733137_copie_12.jpg');
}

a.imginfo {
position: relative;
}

a.imginfo span {
display: none; /* ceci 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 */

}
a.imginfo:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
border: 1px dotted black;
}

T'as activé le HTML sur ton forum et dans ton profil ?

Bah oui quel question Rolling Eyes

Marche pas du tout, a part que je sois aveugle:

Spoiler:

Ça peut venir de ton navigateur, peut-être qu'il y manque des "modules". Si t'as un autre navigateur teste avec ce dernier Wink

EDIT : Comme Snipe te le conseille xD

J'ai google chrome donc pensse pas que sa pause probleme, et je voir les infobulle de ce fofo par exemple Wink

Essaye quand même on ne sait jamais. Parce que tout le monde le vois sauf toi alors c'est bizarre.

Aaaah je sais ! ^^

J'utilise Firefox mais en allant vérifier mon forum sous GC, je me suis rendu compte que mes infobulles ne marchaient pas. Je ne me souviens plus du code, alors je pense que tu devrais aller demander de l'aide au forum des forumactifs de FA Wink

Effectivement ton code ne fonctionne pas sous Google Chrome, je viens d'aller voir sur mon fo test.
Néenmoins, les infobulles que j'ai créées avec le même code que ce tuto marchent très bien avec Google Chrome. Le problème vient donc de ton code. Je vais l'analyser pour voir les différences entre ton code html/CSS d'infobulles et mon code, pour ensuite peut-être le modifier pour règler le problème. Mais plus tard xD genre dans 30 minutes.

Merci c'es très sympa, c'est pour ca donc que avant mes infobulles marchait très bien sous GC, c'est le code qui pose probleme, merci beaucoup!

Faire une infobulle (messages)

Faire une infobulle (messages)

Sujets similaires

Sujets similaires

Partenaires Or