Infobulle

[Alexandra59]

Bonjour,

Sur ma page d'accueil j'ai placé des info bulles, mais depuis mes images du staff ne sont plus centrer dans le tableau. Comment puis-je faire ?

Ensuite j'aimerais changer le style de mon info bulle. Je voudrais qu'elle soit blanche avec un petit bord bleu l'entourant. Voici mon forum test.

[Izumi375]

Bonsoir,

Difficile de faire quoi que ce soit sans votre css et sans le html de la page d'accueil concerné.

Cordialement,

[Alexandra59]

Bonjour, alors j'ai réussis à mettre les info bulles, par contre je n'arrive pas à centrer mes images du staff.

Voici ma PA :

Code:

<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Un petit clic, please !</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Bienvenue chez les Fous !</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">Liens Utiles</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
<img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /><img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /></span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><SELECT onChange=
      "document.location=this.options[this.selectedIndex].value">
      <OPTION VALUE="#" SELECTED>Elfheim</OPTION>
      <OPTION VALUE="http://elfheim.forumgratuit.org/t7-avant-comment-ca-avant-en-cours">Le Contexte</OPTION>
      <OPTION VALUE="222.html">OPTION 2</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/f7-les-predefinis">Les Prédéfinis</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/t14-listes-des-pouvoirs">Les Pouvoirs</OPTION>
    </SELECT>
  </FORM></div>
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">Nos Amis</th>
<th class="thTop forabg" colspan="1" rowspan="1">Les Dieux
<br></th><th class="thTop forabg" colspan="1" rowspan="1">Crédits
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" />
<br>VOUS ? ● LES AUTRES
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070614709222.png"  class="transparence" /><span>Fondateur<div><img src="http://nsa26.casimages.com/img/2011/03/26/11032603210262621.png" /></div>Crowley<div><a href="#">Mp</a></div>

</span></div><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070654129298.png"  class="transparence" /><span>Codeuse<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031732978263.png" /></div>Ryôfu Itô<div><a href="#">Mp</a></div>
</span></div><div class="infobulle"><img src="http://nsa26.casimages.com/img/2011/04/12/110412070720475430.png"  class="transparence" /><span>Grapheuse<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032746127532.png" /></div>Gabrielle Venus<div><a href="#">Mp</a>
</div>
</span></div><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070750618934.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031053270704.png" /></div>Eikyuu Hakumei<div><a href="#">Mp</a>
</div>
</span></div><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070822462389.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032355108475.png" /></div>Setsuna<div><a href="#">Mp</a></div>
</span></td>

<td class="row3" colspan="1" rowspan="1" align="justify"><span class="postbody">@ Codage de la PA : Ryôfu Itô @ Concept & thème : Crowley & Gabrielle Venus @ Codage & Templates : Ryôfu Itô. Merci de respecter notre travail.
</span></td>

</table>

[Izumi375]

Voilà j'ai mis tout ça dans un tableau centré.

Code:

<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">Un petit clic, please !</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">Bienvenue chez les Fous !</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">Liens Utiles</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
<img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /><img src="http://nsa26.casimages.com/img/2011/04/12/110412045252826409.gif" border="0" alt="" /></span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><SELECT onChange=
      "document.location=this.options[this.selectedIndex].value">
      <OPTION VALUE="#" SELECTED>Elfheim</OPTION>
      <OPTION VALUE="http://elfheim.forumgratuit.org/t7-avant-comment-ca-avant-en-cours">Le Contexte</OPTION>
      <OPTION VALUE="222.html">OPTION 2</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/f7-les-predefinis">Les Prédéfinis</OPTION>
  <OPTION VALUE="http://elfheim.forumgratuit.org/t14-listes-des-pouvoirs">Les Pouvoirs</OPTION>
    </SELECT>
  </FORM></div>
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">Nos Amis</th>
<th class="thTop forabg" colspan="1" rowspan="1">Les Dieux
<br></th><th class="thTop forabg" colspan="1" rowspan="1">Crédits
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" /> <img src="http://nsa26.casimages.com/img/2011/04/12/110412051230574498.png" border="0" alt="" />
<br>VOUS ? ● LES AUTRES
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><table style="text-align: left; margin-left: auto; margin-right: auto;">
<tbody>
<tr><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070614709222.png"  class="transparence" /><span>Fondateur<div><img src="http://nsa26.casimages.com/img/2011/03/26/11032603210262621.png" /></div>Crowley<div><a href="#">Mp</a></div>

</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070654129298.png"  class="transparence" /><span>Codeuse<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031732978263.png" /></div>Ryôfu Itô<div><a href="#">Mp</a></div>
</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa26.casimages.com/img/2011/04/12/110412070720475430.png"  class="transparence" /><span>Grapheuse<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032746127532.png" /></div>Gabrielle Venus<div><a href="#">Mp</a>
</div>
</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070750618934.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa26.casimages.com/img/2011/03/26/110326031053270704.png" /></div>Eikyuu Hakumei<div><a href="#">Mp</a>
</div>
</span></div></td><td style="text-align: center;"><div class="infobulle"><img src="http://nsa25.casimages.com/img/2011/04/12/110412070822462389.png"  class="transparence" /><span>Modératrice<div><img src="http://nsa25.casimages.com/img/2011/03/26/110326032355108475.png" /></div>Setsuna<div><a href="#">Mp</a></div>
</span></td></tr></tbody></table></td>

<td class="row3" colspan="1" rowspan="1" align="justify"><span class="postbody">@ Codage de la PA : Ryôfu Itô @ Concept & thème : Crowley & Gabrielle Venus @ Codage & Templates : Ryôfu Itô. Merci de respecter notre travail.
</span></td>
</table>

Sinon pour le design des infobulles avez vous encore besoin d'aide, ou vous avez réussi à faire ce que vous vouliez?

Viel Glück!

[Alexandra59]

Merci beaucoup !

Pour les infos bulles tout est bon, j'ai compris comment changer l'affichage de celles-ci. Je met le sujet en résolu.