petit soucis avec mon info bull Bouton_activepetit soucis avec mon info bull Bouton_hoverpetit soucis avec mon info bull Fb-hoverpetit soucis avec mon info bull 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
» Système d'onglets simple et personnalisable
petit soucis avec mon info bull EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
petit soucis avec mon info bull EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
petit soucis avec mon info bull EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
petit soucis avec mon info bull EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
petit soucis avec mon info bull EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
petit soucis avec mon info bull EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
petit soucis avec mon info bull EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
petit soucis avec mon info bull EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
SSD interne Crucial BX500 2,5″ SATA – 500 ...
Voir le deal
29.99 €

Partagez
 

petit soucis avec mon info bull

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



petit soucis avec mon info bull Empty
Bon voila je voulais mettre une infobull mais ce truc veut pas fonctionne -_-
pour tant j'ai vérifier j'ai les bon code

voici le code que j'ai

Code:
<font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i35.tinypic.com/2enru5j.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">oOBout'chouxOo</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i36.tinypic.com/2rrbe9u.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">FONDATRICE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i36.tinypic.com/263g8ci.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Poussette59</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i35.tinypic.com/21dkjcx.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ADMIN<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i37.tinypic.com/2uqmwwk.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Amor</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i33.tinypic.com/r7onsh.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">CO ADMIN<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i33.tinypic.com/28b49qq.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Julie</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i37.tinypic.com/21e2qs7.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">CO ADMIN<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i33.tinypic.com/ji27g9.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Alex</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i33.tinypic.com/24qsbph.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">Co Admin<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.tinypic.com/o0e51f.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Bouriket59</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i34.tinypic.com/4vjoy8.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ANIMATRICE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i37.tinypic.com/24ymlow.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Dia</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i35.tinypic.com/315fvxj.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ANIMATRICE ESSAI BB<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.tinypic.com/2nsti4n.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Fannette</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i36.tinypic.com/24yvlky.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ANIMATRICE GROSSESSE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i37.tinypic.com/21blj81.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Mry-Many</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i36.tinypic.com/vig07d.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">MODERATRICE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

si vous voulez voir ce que ça fais voici mon forum test ou je boss actuellement
http://creationfg.bbflash.net

merci a celui qui m'aidera ^^
MessageSujet: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 11:18
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



petit soucis avec mon info bull Empty
Bonjour ^^

Tes infobulles sont trop complexes, j'avais le même code mais il ne marchait pas non plus donc, je l'ai simplifié au possible ^^

Code:
<a class="imginfo">
<img src="Adresse_de_l'image_qu'on_voit_sur_le_forum"/>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr>
<td align=center>Texte en haut de la bulle<br/></td></tr>
<tr><td align=center><a class="imginfo"><img src="Adresse_de_l'image_dans_la_bulle"/></a></td></tr>
<tr><td align=center>Texte en bas de la bulle<br/></font></td></tr></tbody></table></span></a>

Tu remplaces les endroits à remplacer, en sachant que le html pour le texte à modifier est possible ^^

Amicalement Wink


Et j'ai oublié, tu as mis le CSS au moins ? parce que sinon, l'infobulle te sert à rien ^^


Dernière édition par Imari le Sam 26 Sep 2009, 15:31, édité 1 fois
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 12:11
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



petit soucis avec mon info bull Empty
Merci a toi je viens de tester mais même probléme
quand je basse la souris dessus j'ai bien le petit ? qui se met mais impossible de voir l'info bull
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 12:17
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



petit soucis avec mon info bull Empty
Tu as mis quoi dans ton css ?
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 12:19
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



petit soucis avec mon info bull Empty
Code:
a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* 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: 30px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}

le voici ^^
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 12:26
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



petit soucis avec mon info bull Empty
Essaie avec celui-là et tu me dis si c'est bon ^^

Code:
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
}

a.imginfo span {
text-decoration: none;
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on definit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par defaut en curseur d'aide */
}
a.imginfo:hover span {
text-decoration: none;
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriete white-space pour qu'il n'y ait pas de retour a la ligne non-desire */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: #ffffff;
color: #7d7d7d;
padding: 2px;
border: 0px solid grey;
border-left: 3px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 3px solid #b6b6b6;
}
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 12:35
Revenir en haut Aller en bas
http://Nydarenna.keuf.net
Flicka
Flicka
{ Membre }
{ Membre }

Féminin Messages : 46



petit soucis avec mon info bull Empty
    Coucou,

    J'aimerais installer des infos bulle dans mon forum. Imari, le code CSS pour les infos bulles sont spécialement faite pour le forum de Poussette, ou je peux le prendre pour le mien ?

    Je ne sais pas si j'ai vraiment le droit de "m'incruster" mais bon. Merci d'avance.
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 16:00
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



petit soucis avec mon info bull Empty
Tu peux le prendre mais il te faut changer les codes couleurs du css pour l'adapter sur ton propre forum ^^
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 16:02
Revenir en haut Aller en bas
http://Nydarenna.keuf.net
Flicka
Flicka
{ Membre }
{ Membre }

Féminin Messages : 46



petit soucis avec mon info bull Empty
    Merci Smile
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 16:48
Revenir en haut Aller en bas
Invité
Invité




petit soucis avec mon info bull Empty
Salut,

Bizarrement ton code fonctionne poussette59.
Regarde toi même :
http://css-forum.forumotion.com/poussette59-h6.htm

Hormis le ? qui s'affiche sur le curseur sinon l'infobulle fonctionne parfaitement.

Je suis sous Google chrome et firefox version3
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptySam 26 Sep 2009, 19:00
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



petit soucis avec mon info bull Empty
je comprend pas pourtant sur mon forum pas moyen :/
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptyDim 27 Sep 2009, 06:22
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



petit soucis avec mon info bull Empty
c'est bon probléme résolu j'ai trouver le probléme -_-
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull EmptyDim 27 Sep 2009, 06:24
Revenir en haut Aller en bas
Contenu sponsorisé




petit soucis avec mon info bull Empty
MessageSujet: Re: petit soucis avec mon info bull   petit soucis avec mon info bull Empty
Revenir en haut Aller en bas
 

petit soucis avec mon info bull

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

 Sujets similaires

-
» Un petit soucis avec mes colonnes ^^"
» Petit soucis avec le qui es en ligne.
» Petit soucis avec les liens
» Un petit soucis de couleur avec mon qeel
» Petit Soucis de retour à la ligne avec un Tuto de 'Christa

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 | Cookies | Forum gratuit