Sujets similaires

Dernière édition par Bakamat le Sam 12 Jan 2013, 15:35, édité 1 fois

Bonjour. =)

J'ai un problème avec mon code infobulle. J'ai suivis le tutoral, mais ça ne fonctionne pas sur mon forum! Pourtant, ça a fonctionné sur mon autre forum...

Mon forum test : http://bakamat-test.forum-canada.com/

J'utilise Chrome comme navigateur. J'ai regardé sur firefox et IE aussi.

Je vous montre ce que ça donne. (forum1)

Spoiler:

Alors que c'est supposé donner ceci. (forum2)

Spoiler:

Voici mon code HTML :

Code:: <table order="1"><tr><td><div class="infobulle"><img src="http://img15.hostingpics.net/pics/955272010101.png" class="gradualfader" /><span><div><center>
<strong><font color="#82220d">SEBASTIAN</font><br/>
<font color="#363642">Fondateur</font> <br> « Tu arrives bientôt? »<br/>
<br/><a href="http://nouvelle-chance.forumotion.com/u1" class="postlink">Profil</a> - <a href="http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=1" class="postlink">MP</a></strong> </center></div>
</span></div><div class="infobulle"><img src="http://img15.hostingpics.net/pics/907908020202.png" class="gradualfader" /><span><div><center>
<strong><font color="#82220d">ELISABETH</font><br/>
<font color="#363642">Fondatrice</font><br>« Au pied! »<br/>
<br/><a href="http://nouvelle-chance.forumotion.com/u2" class="postlink">Profil</a> - <a href="http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=2" class="postlink">MP</a></strong> </center></div>
</span></div><div class="infobulle"><img src="http://img15.hostingpics.net/pics/155820030303.png" class="gradualfader" /><span><div><center>
<strong><font color="#82220d">UENO KONOYE</font><br/>
<font color="#363642">Administrateur - Codeur</font><br> « Sois sage, je mord! »<br/>
<br/><a href="http://nouvelle-chance.forumotion.com/u24" class="postlink">Profil</a> - <a href="http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=24" class="postlink">MP</a></strong> </center></div>
</span></div></td>

Pour une seule image :

Code:: <div class="infobulle"><img src="http://img15.hostingpics.net/pics/955272010101.png" class="gradualfader" /><span><div><center>
<strong><font color="#82220d">SEBASTIAN</font><br/>
<font color="#363642">Fondateur</font> <br> « Tu arrives bientôt? »<br/>
<br/><a href="http://nouvelle-chance.forumotion.com/u1" class="postlink">Profil</a> - <a href="http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=1" class="postlink">MP</a></strong> </center></div>
</span></div>

Je ne comprend vraiment pas comment ça peut ne rien faire. Est-ce que nous devons absolument incorporer le code CSS sur la feuille destinée à celle-ci pour que ça fonctionne? Je l'ai pas mis sur le forum où cela fonctionne, alors je me pose sérieusement la question.
J'ai également essayé de recopier exactement le même code du forum 2, mais rien. Cela ne veut pas s'afficher.

Merci d'avance. =)

Sujet: Re: L'infobulle ne s'affiche pas! [ Résolu ~ ] Sam 12 Jan 2013, 15:06

Bonjour,

En effet, comme l'indique le tutoriel présent sur CSSActif, le code d'une infobulle ne marche évidemment pas sans le CSS associé.

Je tiens également à préciser que ton code gagnerait à être nettoyé et aéré : avec des sauts de ligne, il serait beaucoup plus simple à lire. Voici ton code après un passage par le site Dirty Markup (qui a également expulsé toutes les erreurs structurelles au passage, d'où l'absence des balises center et font qui ne doivent plus être utilisées.)

Code:: <table>
<tr>
   <td>
      <div class="infobulle">
         <img class="gradualfader" src="http://img15.hostingpics.net/pics/955272010101.png" />

         <div>
            <span><strong>SEBASTIAN<br />
            Fondateur<br />
            « Tu arrives bientôt? »<br />
            <br />
            <a class="postlink" href="http://nouvelle-chance.forumotion.com/u1">Profil</a> - <a class="postlink" href=
            "http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=1">MP</a></strong></span><br />
         </div>
      </div>

      <div class="infobulle">
         <img class="gradualfader" src="http://img15.hostingpics.net/pics/907908020202.png" />

         <div>
            <span><strong>ELISABETH<br />
            Fondatrice<br />
            « Au pied! »<br />
            <br />
            <a class="postlink" href="http://nouvelle-chance.forumotion.com/u2">Profil</a> - <a class="postlink" href=
            "http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=2">MP</a></strong></span><br />
         </div>
      </div>

      <div class="infobulle">
         <img class="gradualfader" src="http://img15.hostingpics.net/pics/155820030303.png" />

         <div>
            <span><strong>UENO KONOYE<br />
            Administrateur - Codeur<br />
            « Sois sage, je mord! »<br />
            <br />
            <a class="postlink" href="http://nouvelle-chance.forumotion.com/u24">Profil</a> - <a class="postlink" href=
            "http://nouvelle-chance.forumotion.com/privmsg?mode=post&u=24">MP</a></strong></span><br />
         </div>
      </div>
   </td>
</tr>
</table>

Sujet: Re: L'infobulle ne s'affiche pas! [ Résolu ~ ] Sam 12 Jan 2013, 15:34

Ah, je vois! Je n'avais pas lu ça comme ça.

Merci pour le nettoyage. C'est vrai que c'est vraiment plus simple... moins gros.. ._.
Je vais de ce pas essayer le tout et nettoyer mon code complet.

Et ça marche *-* Magie. Merci beaucoup!! =D haha

Sujet: Re: L'infobulle ne s'affiche pas! [ Résolu ~ ] Sam 12 Jan 2013, 15:47

Hello !
Je vois que le problème est résolu, donc je déplace !
Merci de l'avoir signalé L'infobulle ne s'affiche pas! [ Résolu ~ ] 926145

L'infobulle ne s'affiche pas! [ Résolu ~ ]

L'infobulle ne s'affiche pas! [ Résolu ~ ]

Sujets similaires

Sujets similaires

Partenaires Or