Problème de code [résolu]
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de code [résolu]
Bonjour, Bonsoir,
Pour commencer, sachez que mon forum est en phpbb2.
Voilà, mon problème concerne une infobulle. Les images seront surement plus parlantes qu'un long texte:
Lorsqu'on passe la souris sur l'image, l'infobulle s'ouvre de la sorte:
Le soucis c'est que, comme on peut le voir, la seconde bulle dans laquelle est marqué "Valkyrs ; Admin" n'est pas dans son cadre et dépasse de l'infobulle...
J'ai bien réussi à retirer la bulle, ce qui fait que le texte était correctement positionné, seulement j'aimerais garder cette bulle qui s'est ajoutée contre mon gré (bin oui à force de la voir je l'aime bien moi)
Voici mes codages, si un âme charitable parvenait à trouver le soucis (selon moi il faut rajouter un code, mais j'ai beau bidouiller, je n'arrive pas à trouver lequel... donc bon) ça m'aiderait grandement !
Voici mes codes :
Code CSS:
De plus, lorsque je copie/colle plusieurs fois le code (pour avoir plusieurs infobulles, les images sont collées les unes aux autres de la sorte :
Si vous arriviez à mes les séparer d'un retour à la ligne ou deux, ça m'aiderait grandement ! Car à part dérégler tout mon code je n'arrive pas à grand chose (grmbl)
Merci d'avance !
Pour commencer, sachez que mon forum est en phpbb2.
Voilà, mon problème concerne une infobulle. Les images seront surement plus parlantes qu'un long texte:
Lorsqu'on passe la souris sur l'image, l'infobulle s'ouvre de la sorte:
Le soucis c'est que, comme on peut le voir, la seconde bulle dans laquelle est marqué "Valkyrs ; Admin" n'est pas dans son cadre et dépasse de l'infobulle...
J'ai bien réussi à retirer la bulle, ce qui fait que le texte était correctement positionné, seulement j'aimerais garder cette bulle qui s'est ajoutée contre mon gré (bin oui à force de la voir je l'aime bien moi)
Voici mes codages, si un âme charitable parvenait à trouver le soucis (selon moi il faut rajouter un code, mais j'ai beau bidouiller, je n'arrive pas à trouver lequel... donc bon) ça m'aiderait grandement !
Voici mes codes :
Code CSS:
De plus, lorsque je copie/colle plusieurs fois le code (pour avoir plusieurs infobulles, les images sont collées les unes aux autres de la sorte :
Si vous arriviez à mes les séparer d'un retour à la ligne ou deux, ça m'aiderait grandement ! Car à part dérégler tout mon code je n'arrive pas à grand chose (grmbl)
Merci d'avance !
Dernière édition par Shak le Jeu 27 Mar 2014 - 10:47, édité 1 fois
Re: Problème de code [résolu]
bonsoir,
Remplacez entièrement le CSS par celui ci :
Remplacez entièrement le CSS par celui ci :
- Code:
.infobulle{
position: relative;
margin-bottom:20px;
}
.infobulle>span{
display:none;
position: absolute;
padding: 5px;
top: 5px;
left: 15px;
background-color: #000000;
color: #ffffff;
z-index: 1;
}
.infobulle span img{
border: 1px solid;
padding: 3px;
}
.infobulle:hover span{
display:block;
width: 140px ;
border: 1px solid #ffffff;
text-align:center;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
Re: Problème de code [résolu]
C'est merveilleux, c'est ce que je voulais !
Merci beaucoup
Merci beaucoup
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum