Sujets similaires

Voilà, j'ai fait, je ne sais combien de modifications, mais je n'arrive pas à résoudre le problème. Je capitule et j'appelle à l'aide. L'accueil donne ce ceci :

Spoiler:

Alors qu'en fait :
- les petits carrés noirs devraient être centrés, à côté, deux à deux.
- "THE.MOST.IMPORTANT" avec les images juste en bas devraient être au centre.

Mais ... Ce n'est pas le cas T_T.
Mes codes :

Code:: <font color="#DEB887"><font face="Cambria"><span style="font-size: 18px; line-height: normal;">S Y N O P S I S</span></font></font></div><div style="overflow: auto; width: 600px; height: 50px;">
L’Academy Hakubo est une légende, un mythe populaire.
Tout le monde en parle, mais personne ne sait où il se trouve
exactement. L’Academy Hakubo est une école élitiste. En effet,
les élèves ne choisissent pas l’école, c’est l’école qui choisit ses
élèves. Et pour ceux qui ont la chance de faire parti de cet
établissement, ils sont tous liés par le secret et ne peuvent
retrouver leurs proches avant l’acquisition de leur diplôme.
L’Academy Hakubo est divisé en deux immenses manoirs,
appelés Lune et Soleil. Les élèves des deux écoles ne sont pas
autorisés à se rencontrer, hormis pendant le grand évènement
: La Réunion. Les élèves de l’école de la Lune fascinent ceux de
l’école du Soleil. Leurs caractéristiques sont leur grande beauté,
leur blancheur éclatante et leur grâce inimitable. Mais quel secret
renferme ces mystérieux et inquiétants élèves ? Leur principale
occupation : percer le secret de leurs voisins attirants le premier.
Mais, croira-t-on l’impossible ?
Write by : Akemi Takuya
Inspiration : Vampire Knight
L’Academy Hakubo est une légende, un mythe populaire.
Tout le monde en parle, mais personne ne sait où il se trouve
exactement. L’Academy Hakubo est une école élitiste. En effet,
les élèves ne choisissent pas l’école, c’est l’école qui choisit ses
élèves. Et pour ceux qui ont la chance de faire parti de cet
établissement, ils sont tous liés par le secret et ne peuvent
retrouver leurs proches avant l’acquisition de leur diplôme.
L’Academy Hakubo est divisé en deux immenses manoirs,
appelés Lune et Soleil. Les élèves des deux écoles ne sont pas
autorisés à se rencontrer, hormis pendant le grand évènement
: La Réunion. Les élèves de l’école de la Lune fascinent ceux de
l’école du Soleil. Leurs caractéristiques sont leur grande beauté,
leur blancheur éclatante et leur grâce inimitable. Mais quel secret
renferme ces mystérieux et inquiétants élèves ? Leur principale
occupation : percer le secret de leurs voisins attirants le premier.
Mais, croira-t-on l’impossible ?
Write by : Akemi Takuya
Inspiration : Vampire Knight
</div><br><br>
<table border="0"><tbody><tr><td ;="" width:="" 200px;height:="" 150px;="" align="left"><div style="margin: auto; text-align: center; width: 100%;"><font color="#C3A778"><font face="cambria"><span style="font-size: 18px; line-height: normal;">S T A F F</span></font></font></div><div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px;"><br /> <div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-192930vercs.jpg" style="width: 75px; height: 75px;" border="0"><span><div align="center"><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-193528z3pw6.jpg" style="width: 100px; height: 100px;" border="0"><font color=#C3A778 ><b>Akemi Takuya</b></font><br>ADMIN<br><a href="http://behindlightdarkness.forumactif.org/profile.forum?mode=viewprofile&u=2">Voir son profil</a><br><a href="http://behindlightdarkness.forumactif.org/msg.forum?mode=post&u=2">Lui envoyer un MP</a></div></div></span></div></div>

</div></td><td ;="" width:="" 200px;height:="" 150px;="" align="left"><div style="margin: auto; text-align: center; width: 100%;"><font color="="#C3A778"><font face="georgia"><span style="font-size: 18px; line-height: normal;">T O P S I T E S</span></font></font></div><div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px;"> <br /><div align="center"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=13915"> <img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="top rpg" title="top rpg"></a>
<font color ="#C3A778"><font face="georgia"><span style="font-size: 10px; line-height: normal;">.Merci de cliquer toutes les deux heures pour faire partager et connaitre <b>Behind Darkness & Light.<br>
</font></font></span></div></div>
</div></td></tr>

<br>
<tr><td ;="" width:="" 200px;height:="" 150px;="" align="left"><div style="margin: auto; text-align: center; width: 100%;"><font color="#cccccc"><font face="georgia"><span style="font-size: 18px; line-height: normal;">P A R T E N A I R E S</span></font></font></div><div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px; text-align: center;"><font color="#C3A778"><font face="cambria"><br /> <marquee direction="right" scrolldelay="170" onmouseover="this.stop();" onmouseout="this.start();"><a href="http://rosario-vampire-rpg.forumotion.com/"><img src="http://i80.servimg.com/u/f80/13/20/21/08/ca3fb010.jpg"></a><a href="http://hunter-city.keuf.net/"><img src="http://i47.tinypic.com/14mgnie.png"></a><a href="http://monster-academy.1fr1.net/"><img src="http://i41.tinypic.com/mrs2yq.gif"></a><a href="http://tokyogakuen.forumactif.com/"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-21475933cdn.png"></a><a href="http://academy-kuroibara.forumactif.com/index.htm"> <img src="http://ups.imagup.com/07/1265013022.jpg"></a><a href="http://neo-punk.forumactif.org/index.htm/"><img src="http://moe.mabul.org/up/moe/2010/01/21/img-1824074cj2y.png"></a>
</div></td><td ;="" width:="" 200px;height:="" 150px;="" align="left"><div style="margin: auto; text-align: center; width: 100%;"><font color="#C3A778"><font face="cambria"><span style="font-size: 18px; line-height: normal;">I N F O R M A T I O N S</span></font></font></div><div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px;"> <font color ="#C3A778"><font face="georgia"><span style="font-size: 10px; line-height: normal;">Un minimum de 20 lignes est demandé pour les rp.
<br>Seuls les avatars 200x320px sont autorisés.
<br>Nos membres sont libres d’écrire comme bon leur semble dans les rp (hors les propos raciste). Aussi, certains rp peuvent heurter la sensibilité de certaines personnes. Nous ne sommes en aucun cas responsables.
<br>Realisation by Tsukii__ (alias Akemi Takuya)
<br>Optimisé pour Mozilla.</font> </font></span>
</div></td></tr>

<td><div align="left"><div style="margin: auto; text-align: center; width: 100%;"><font color="#C3A778"><font face="cambria"><span style="font-size: 18px; line-height: normal;">T H E. M O S T. I M P O R T A N T</span></font></font></div>
<table width="70%" align="center" style="background: #000000; border: 3px solid #FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 10px 5px 10px;" cellspacing="0" cellpadding="0"><tbody><tr><td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-153646co05n.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1537327cft8.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Asano</b></font><br>Director<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-221334cwioy.jpg">Voir sa Fiche</a></div></div></span></div></div></td><td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185256bqdoo.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185029vdyct.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Ryoko</b></font><br>Gardienne<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-221039p4zht.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-16032719wya.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1604267m9mv.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Eiji</b></font><br>Gardien<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-2206533tgye.jpg">Voir sa Fiche</a></div></span></div></div></td><br>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-160954v0ziz.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1610554wb1j.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Katsumi</b></font><br>Nouveau-né<br>Moon's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-21421102gl8.png">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-161815cpm02.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-161907p8smu.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Eri</b></font><br>Majeur<br>Moon's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-214743nco4c.png">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-181636hc13p.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-181847i1bx0.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Yukimura</b></font><br>Majeur<br>Moon's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-21465774v68.png">Voir sa Fiche</a></div></span></div></div></td><br>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-171634hgz32.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-171746stnpo.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Matsu</b></font><br>Troisème Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-220511w1an6.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-171947futur.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-172051i773r.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Yuri</b></font><br>Troisème Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-2203325wl9k.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185500dfyzg.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185350j4he1.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Minoru</b></font><br>Deuxième Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-220142384k7.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-172456lhq6o.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-172528mnkpk.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Taizo</b></font><br>Première Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-215728d8a5x.jpg">Voir sa Fiche</a></div></div></span></div></div></td>
</div></td></tr></tbody></table>

J'apprécierais ÉNORMÉMENT que quelqu'un me vienne en aide.
Merci d'avance.

Bonsoir =)
Puis-je avoir le CSS relié s'il te plaît ?
Parce que là ça me donne un truc pas possible xD

EDIT : c'est normal que le texte du Synopsis est doublé ?

Justement, ce n'est que du HTML. Je n'ai pas utilisé de CSS pour cela.

P.s : Non effectivement, ce n'est pas normal. J'ai du le copier deux fois sans m'en rendre compte ...

Euh si je t'assure que tu as une partie CSS sinon tu n'aurais pas ce rendu sur ton forum XD
Tu as attribué des 'class' dans ton code donc obligatoirement un CSS est relié à ces 'class'.
Par exemple tu n'aurais pas tes infobulles sinon

Oui, effectivement. Pardon. Les images :

Code:: .tstaff{
font-size:1em;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{
border: 1px groove;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

Et pour les cadres :

Code:: .cadratablo {border: 3px solid #ff0000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 5px 10px 5px 10px;}

Désolée ^^".

Y a pas de soucis ^^

J'ai repris un peu ton code parce que je m'en sortais plus xD

Ça te va comme ça ?

Code:: <font color="#DEB887"><font face="Cambria"><span style="font-size: 18px; line-height: normal;">S Y N O P S I S</span></font></font></div><div style="overflow: auto; width: 600px; height: 50px;">
L’Academy Hakubo est une légende, un mythe populaire.
Tout le monde en parle, mais personne ne sait où il se trouve
exactement. L’Academy Hakubo est une école élitiste. En effet,
les élèves ne choisissent pas l’école, c’est l’école qui choisit ses
élèves. Et pour ceux qui ont la chance de faire parti de cet
établissement, ils sont tous liés par le secret et ne peuvent
retrouver leurs proches avant l’acquisition de leur diplôme.
L’Academy Hakubo est divisé en deux immenses manoirs,
appelés Lune et Soleil. Les élèves des deux écoles ne sont pas
autorisés à se rencontrer, hormis pendant le grand évènement
: La Réunion. Les élèves de l’école de la Lune fascinent ceux de
l’école du Soleil. Leurs caractéristiques sont leur grande beauté,
leur blancheur éclatante et leur grâce inimitable. Mais quel secret
renferme ces mystérieux et inquiétants élèves ? Leur principale
occupation : percer le secret de leurs voisins attirants le premier.
Mais, croira-t-on l’impossible ?
Write by : Akemi Takuya
Inspiration : Vampire Knight
</div><br><br>

<table border="0" width="100%">

<tr>
   <td align="center"><div style="margin: auto; text-align: center; width: 100%;">
<font color="#C3A778"><font face="cambria"><span style="font-size: 18px; line-height: normal;">S T A F F</span></font></font></div>
                     <div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px;"><br />
<a class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-192930vercs.jpg" style="width: 75px; height: 75px;" border="0"> <span><div align="center"><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-193528z3pw6.jpg" style="width: 100px; height: 100px;" border="0"><font color=#C3A778 ><b>Akemi Takuya</b></font><br>ADMIN<br><a href="http://behindlightdarkness.forumactif.org/profile.forum?mode=viewprofile&u=2">Voir son profil</a><br><a href="http://behindlightdarkness.forumactif.org/msg.forum?mode=post&u=2">Lui envoyer un MP</a></div></div></span>
</a></div></td>
   <td align="center"><div style="margin: auto; text-align: center; width: 100%;"><font color="="#C3A778"><font face="georgia"><span style="font-size: 18px; line-height: normal;">T O P S I T E S</span></font></font></div>
   <div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px;"> <br />
<div align="center"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=13915"> <img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="top rpg" title="top rpg"></a>
<font color ="#C3A778"><font face="georgia"><span style="font-size: 10px; line-height: normal;">.Merci de cliquer toutes les deux heures pour faire partager et connaitre <b>Behind Darkness & Light.<br>
</font></font></span></div></div></td>
</tr>

<tr>
   <td align="center"><div style="margin: auto; text-align: center; width: 100%;"><font color="#cccccc"><font face="georgia"><span style="font-size: 18px; line-height: normal;">P A R T E N A I R E S</span></font></font></div>

   <div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px; text-align: center;"><font color="#C3A778"><font face="cambria"><br /> <marquee direction="right" scrolldelay="170" onmouseover="this.stop();" onmouseout="this.start();"><a href="http://rosario-vampire-rpg.forumotion.com/"><img src="http://i80.servimg.com/u/f80/13/20/21/08/ca3fb010.jpg"></a><a href="http://hunter-city.keuf.net/"><img src="http://i47.tinypic.com/14mgnie.png"></a><a href="http://monster-academy.1fr1.net/"><img src="http://i41.tinypic.com/mrs2yq.gif"></a><a href="http://tokyogakuen.forumactif.com/"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-21475933cdn.png"></a><a href="http://academy-kuroibara.forumactif.com/index.htm"> <img src="http://ups.imagup.com/07/1265013022.jpg"></a><a href="http://neo-punk.forumactif.org/index.htm/"><img src="http://moe.mabul.org/up/moe/2010/01/21/img-1824074cj2y.png"></a>
</div></td>
   <td align="center"><div style="margin: auto; text-align: center; width: 100%;"><font color="#C3A778"><font face="cambria"><span style="font-size: 18px; line-height: normal;">I N F O R M A T I O N S</span></font></font></div>
   <div style="border: 3px double grey; background: rgb(17, 17, 17) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 250px; height: 150px;"> <font color ="#C3A778"><font face="georgia"><span style="font-size: 10px; line-height: normal;">Un minimum de 20 lignes est demandé pour les rp.
<br>Seuls les avatars 200x320px sont autorisés.
<br>Nos membres sont libres d’écrire comme bon leur semble dans les rp (hors les propos raciste). Aussi, certains rp peuvent heurter la sensibilité de certaines personnes. Nous ne sommes en aucun cas responsables.
<br>Realisation by Tsukii__ (alias Akemi Takuya)
<br>Optimisé pour Mozilla.</font> </font></span>
</div></td>
</tr>
</table><div align="left"><div style="margin: auto; text-align: center; width: 100%;"><font color="#C3A778"><font face="cambria"><span style="font-size: 18px; line-height: normal;">T H E. M O S T. I M P O R T A N T</span></font></font></div>
<table width="70%" align="center" style="background: #000000; border: 3px solid #FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 10px 5px 10px;" cellspacing="0" cellpadding="0"><tbody><tr><td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-153646co05n.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1537327cft8.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Asano</b></font><br>Director<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-221334cwioy.jpg">Voir sa Fiche</a></div></div></span></div></div></td><td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185256bqdoo.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185029vdyct.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Ryoko</b></font><br>Gardienne<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-221039p4zht.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-16032719wya.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1604267m9mv.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Eiji</b></font><br>Gardien<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-2206533tgye.jpg">Voir sa Fiche</a></div></span></div></div></td><br>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-160954v0ziz.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1610554wb1j.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Katsumi</b></font><br>Nouveau-né<br>Moon's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-21421102gl8.png">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-161815cpm02.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-161907p8smu.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Eri</b></font><br>Majeur<br>Moon's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-214743nco4c.png">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-181636hc13p.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-181847i1bx0.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Yukimura</b></font><br>Majeur<br>Moon's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-21465774v68.png">Voir sa Fiche</a></div></span></div></div></td><br>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-171634hgz32.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-171746stnpo.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Matsu</b></font><br>Troisème Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-220511w1an6.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-171947futur.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-172051i773r.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Yuri</b></font><br>Troisème Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-2203325wl9k.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185500dfyzg.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/20/img-185350j4he1.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Minoru</b></font><br>Deuxième Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-220142384k7.jpg">Voir sa Fiche</a></div></span></div></div></td>
<td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-172456lhq6o.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-172528mnkpk.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Taizo</b></font><br>Première Année<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-215728d8a5x.jpg">Voir sa Fiche</a></div></div></span></div></div></td>
</div></td></tr></tbody></table>

Merci \o/
C'est rapproché c'est bon.
Dernière chose : comment ça se fait que l'image en infobulle bug ?
http://moe.mabul.org/up/moe/2010/02/20/img-224843xbipz.png
Est-ce que c'est moi qui t'es mal donné le code CSS ?

Oo bizarre chez moi elle marche regarde :

Spoiler:

EDIT : Erf t'es sur Google Chrome ? Je crois que les infobulles marchent pas avec ce navigateur.
Il me semble qu'Ikø' connaît une solution

Si les infobulles buguent sur Google Chrome, alors il y a un problème avec ton code, parce que moi mes infobulles marchent très bien avec Google Chrome.

Quel est ton code html et CSS de tes infobulles?

Son code CSS

Code:: .thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{
border: 1px groove;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

Et un des codes HTML

Code:: <a class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-192930vercs.jpg" style="width: 75px; height: 75px;" border="0"> <span><div align="center"><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-193528z3pw6.jpg" style="width: 100px; height: 100px;" border="0"><font color=#C3A778 ><b>Akemi Takuya</b></font><br>ADMIN<br><a href="http://behindlightdarkness.forumactif.org/profile.forum?mode=viewprofile&u=2">Voir son profil</a><br><a href="http://behindlightdarkness.forumactif.org/msg.forum?mode=post&u=2">Lui envoyer un MP</a></div></div></span>
</a>

Oui parce que mes autres infobulles marchent sans problèmes. C'est juste celle-là qui marchent pas. Parce que pour les autres, il n'y a aucun problème (même sur Google Chrome)

http://moe.mabul.org/up/moe/2010/02/20/img-232133tohw1.png

Mon code pour les infobulles :

Code:: .tstaff{
font-size:1em;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color: #494747;
padding: 5px;
left: -1000px;
border: 1px groove #F0BF5D;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{
border: 1px groove;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

Est-ce que je pourrais avoir le code html d'une des infobulles qui marche, pour pouvoir comparer?

Bien sûr :

Code:: <td><div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-16032719wya.png" style="width: 60px; height: 80px;" border="0"><span><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/01/19/img-1604267m9mv.png" style="width: 150px; height: 200px;" border="0"><div align="center"><font color=#8F8FBD><b>Eiji</b></font><br>Gardien<br>Sun's School<br><a href="http://moe.mabul.org/up/moe/2010/01/26/img-2206533tgye.jpg">Voir sa Fiche</a></div></span></div></div></td><br>

La seule différence que je vois c'est au début le :

Infobulle qui marche pas

Code:: <a class="thumbnail">

Infobulle qui marche

Code:: <div class="thumbnail">

Et c'est moi qui l'ai changé au début par réflexe parce que c'est comme ça que j'ai mon code initial pour les infobulles.
Ça vient peut être de là si avant ton infobulle marchait bien

Han c'est tout con en fait

Code:: <div class="thumbnail"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-192930vercs.jpg" style="width: 75px; height: 75px;" border="0"> <span><div align="center"><div class="tstaff"><img src="http://moe.mabul.org/up/moe/2010/02/17/img-193528z3pw6.jpg" style="width: 100px; height: 100px;" border="0"><font color=#C3A778 ><b>Akemi Takuya</b></font><br>ADMIN<br><a href="http://behindlightdarkness.forumactif.org/profile.forum?mode=viewprofile&u=2">Voir son profil</a><br><a href="http://behindlightdarkness.forumactif.org/msg.forum?mode=post&u=2">Lui envoyer un MP</a></div></div></span>
</div>

Tu avais mit a class à la place de div class~

C'est comme Kimy a dit, c'est l'unique différence et ça doit venir de là
*désolée pour le temps de réponse, j'étais partie manger*

Les bizarreries du HTML
Je saurais pas l'expliquer :/
Moi qui fait toujours mes infobulles avec a class °°

Quelques fois il y a des bugs avec "a class" puisque c'est une balise inline. Et une balise inline n'est pas fait pour contenir d'autres balises inline ou des balises block Wink

Merci de l'info Basil <3

Mais de rien Smile

En fait je pense avoir eu tous les problèmes avec une infobulle possible, donc maintenant j'ai l'habitude

MDR' bon je sais qui venir voir si j'ai un soucis alors ^^"

Oh, excusez-moi, j'étais partie, j'avais la migraine.
C'est parfait ça marche. Oui j'avais pensé à le changer aussi. Mais ... ça m'a fait un autre problème. Quand j'ai rajouté l'autre infobulle, ça m'a fait ça :

http://moe.mabul.org/up/moe/2010/02/21/img-104820pkkrl.png

Et en fait je voudrais qu'ils soient côte à côte.

Il te suffit de faire un tableau en fait Smile

Tu mets la première infobulle dans la première cellule, et la deuxième infobulle dans la deuxième cellule mais sur la même ligne Wink

Merci [Je n'y avais pas pensé lol].

Merci à tous de m'avoir aidé ^^. Problème parfaitement résolu.

Je déplace <3

Problème de codes pour la PA

Problème de codes pour la PA

Sujets similaires

Sujets similaires

Partenaires Or