| | Problème infobulle retour à la ligne |  |
|
 Wayumi 
{ Membre }
 Messages : 88
 | J'ai vu la question a été posé mais j'ai pas vu de solution donc je permet de posé la question ^^". Voila pour l'en-tête j'aimerai afficher mon staff dans des infobulle une infobulle pour chaque membre de mon staff le problème c'est quand je fais une nouvelle infobulle au lieu de se trouver à côté de l'autre elle va toute suite à la ligne et ça m'ennuie >w<. | | |
|
| | |
Invité Invité
| Bonjour  Je pense que ton infobulle n'est pas assez large pour pouvoir contenir une ligne droite de texte en tous genre, donc voilà pourquoi àa te mets directement à la ligne, mais donne moi comme même ton CSS s'il te plaît  | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| - Code:
-
div.infobulle div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;
top: 2px; /* 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;
} Mais je pense je suis mal expliquée ou j'ai mal compris car moi j'aimerai que les deux image qui font ouvrir une infobulle se passionne comme sur une seul ligne et qu'il y ai pas de retour à la ligne car moi dés je fais une autre infobulle l'autre se retrouve en dessous de l'autre comme ceci :  Et moi j'aimerai l'image se trouve l'une à côté de l'autre >w<. | | |
|
| | |
Invité Invité
| ahhh, ok!! Hum pourrais-tu aussi alors me passer le code avec ces deux images en question! | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| D'accord ^^ - Code:
-
<center> <div class="infobulle"><img src="http://desmond.imageshack.us/Himg820/scaled.php?server=820&filename=stafflinda.png&res=gal" /<div> <img src="http://img585.imageshack.us/img585/8524/lindastaff.png" /><br>» Fondatrice complètement folle toujours là pour vous venir en aide. <a href="http://rpg-km.forumactif.com/profile.forum?mode=viewprofile&u=1">» Profil</a> <a href="http://rpg-km.forumactif.com/msg.forum?mode=post&u=1" >» Envoyer un MP</a></div></div> </div><div class="infobulle"><img src="http://img152.imageshack.us/img152/7603/staffluna.png" /><div><img src="http://img255.imageshack.us/img255/7848/lunastaff.png" /><br>» Admin sadique qui fait son possible pour donné vie au forum <a href="http://rpg-km.forumactif.com/profile.forum?mode=viewprofile&u=18">» Profil</a> <a href="http://rpg-km.forumactif.com/msg.forum?mode=post&u=18" >» Envoyer un MP</a></div></div></div></center> | | |
|
| | |
Invité Invité
| - Code:
-
<center> <div class="infobulle"><img src="http://desmond.imageshack.us/Himg820/scaled.php?server=820&filename=stafflinda.png&res=gal" /<div> <img src="http://img585.imageshack.us/img585/8524/lindastaff.png" />» Fondatrice complètement folle toujours là pour vous venir en aide. <a href="http://rpg-km.forumactif.com/profile.forum?mode=viewprofile&u=1">» Profil</a> <a href="http://rpg-km.forumactif.com/msg.forum?mode=post&u=1" >» Envoyer un MP</a></div></div> </div><div class="infobulle"><img src="http://img152.imageshack.us/img152/7603/staffluna.png" /><div><img src="http://img255.imageshack.us/img255/7848/lunastaff.png" />» Admin sadique qui fait son possible pour donné vie au forum <a href="http://rpg-km.forumactif.com/profile.forum?mode=viewprofile&u=18">» Profil</a> <a href="http://rpg-km.forumactif.com/msg.forum?mode=post&u=18" >» Envoyer un MP</a></div></div></div></center> Copie ce code là, je pense avoir résolu le problème. | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Non ça fait la même chose ^^". | | |
|
| | |
Invité Invité
| Tu peux me passer un aperçu de ce que tu vois?  | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Bah ça fait la même chose :  | | |
|
| | |
Radimir
{ Membre actif }
 Messages : 459
| Bonsoir ! Il faut toucher au Css aussi et changer les attributs du html ... Je ne sais pas ou tu voulais mettre les lien" profil" et "envoyer message" mais tel que fait , ils vont se mettre à coté de l'avatar... Si tu veux autre chose n'hésite pas à le dire =) HTML - Code:
-
<center> <a class="infobulle"><img src="http://desmond.imageshack.us/Himg820/scaled.php?server=820&filename=stafflinda.png&res=gal" /<em> <img src="http://img585.imageshack.us/img585/8524/lindastaff.png" /><br>» Fondatrice complètement folle toujours là pour vous venir en aide. <a href="http://rpg-km.forumactif.com/profile.forum?mode=viewprofile&u=1">» Profil</a> <a href="http://rpg-km.forumactif.com/msg.forum?mode=post&u=1" >» Envoyer un MP</a></em></a> <a class="infobulle"><img src="http://img152.imageshack.us/img152/7603/staffluna.png" /><em><img src="http://img255.imageshack.us/img255/7848/lunastaff.png" /><br>» Admin sadique qui fait son possible pour donné vie au forum <a href="http://rpg-km.forumactif.com/profile.forum?mode=viewprofile&u=18">» Profil</a> <a href="http://rpg-km.forumactif.com/msg.forum?mode=post&u=18" >» Envoyer un MP</a></em></a></center> CSS - Code:
-
a.infobulle em{
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 em{
display: block; /* ceci affiche l'infobulle */
position: absolute;
top: 2px; /* 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;
}
| | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Merci ^^. Mais...j'ai mis le code que tu m'as donné et du coup j'ai même plus bulle pour le texte...Et les liens oui en fait je les aurai voulu à l'intérieur de la bulle ^^". | | |
|
| | |
Wayumi
{ Membre }
Messages : 88
| Excusez moi pour double post mais j'ai réussit à résoudre mon problème j'ai remplacé "div" par "span" et maintenant ça marche...Merci quand même de votre aide et vous pouvez verrouiller ^^. | | |
|
| | |
Invité Invité
| |
| | |
Contenu sponsorisé
| |
| | |
| | Problème infobulle retour à la ligne | |
|
