Sujets similaires

Sujet: Problème de codage de la page d'accueil [RESOLU] Jeu 23 Jan 2014, 09:22

Bonjour à tous !
Je suis en pleine construction de mon forum et j'ai voulu récemment, modifier le codage de ma page d'accueil mais en la validant tout s'est décaler et pas mal de choses se sont mélanger.

Voilà ce que j'ai validé :

Code:: <br><br><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cardo:700"><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Artifika">
<div style="font-family: 'Artifika', serif; font-size: 16px; letter-spacing: -1px; text-shadow: 1px 0px 1px white; text-align: center; color: #004900;margin-top:-5px">
<a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a> ϟ <a rel="nofollow" target="_blank" class="postlink" href="http://">LIEN</a>
</div><br><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Satisfy">
<table>

<tbody>

<tr>

<td>

<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Contexte
</div>

<div style="width:410px;height:150px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:verdana; color: #5E6F75;letter-spacing: 0px;line-height:12px; overflow:auto">

<div align="justify">

<div style="float:left;">
<img style="padding : 3px ; border : 1px solid #71868E ; margin : 1px; width :150px;" src="http://gifmequand.unblog.fr/files/2013/03/voldemort-smile.gif">
</div>

<div>
Nous sommes en Septembre 2023, vingt-cinq ans après la Bataille de Poudlard et la création de la Malédiction du Seigneur des Ténèbres. A vrai dire, tous les sorciers l'ont presque oubliée depuis toutes ces années. Personne ne savait quand la Malédiction allait prendre effet, jusqu'à ce jour. Voldemort a été sadique jusqu'au bout. Il savait le Monde Sorcier en péril, en pleine reconstruction. Il a donc fait en sorte que la Malédiction prenne effet vingt-cinq ans après la fin de la guerre, histoire que tout le monde ait reprit une vie plus ou moins normale, que les familles se soient reconstruites. C'est donc dans la nuit du 30 au 31 juillet 2023 que la Malédiction fit son effet. Au petit matin, un sorcier sur deux se rend alors compte que leur magie s'est atténuée, voire disparue pour certains. Mais la vie doit continuer malgré tout, la rentrée à Poudlard se fait dans quelques jours. Élèves, professeurs, adultes du Monde Sorcier... Allez-vous avoir la chance d'être épargné ? <strong><a rel="nofollow" target="_blank" class="postlink" href="http://">⇒ Suite</a></strong>
</div>

</div>

</div>

</td>

<td>

<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
News
</div>

<div style="width:215px;height:150px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
ϟ PA by Rose91<br> ϟ …<br> ϟ …<br> ϟ …
</div>

</td>

</tr>

</tbody>
</table>
<table>

<tbody>

<tr>

<td>

<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Membres du mois
</div>

<div style="width:150px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">

<center>
<a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 50px ; height :50px;" src="http://fc07.deviantart.net/fs71/f/2010/225/9/e/Icon_poudlard_2_by_Rbkk.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"><strong>Nom & Prénom du Membre</strong><br><br><em>Membre du mois ϟ Nb de pts</em></td></tr></tbody></table> </span></a><a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 50px ; height :50px;" src="http://fc07.deviantart.net/fs71/f/2010/225/9/e/Icon_poudlard_2_by_Rbkk.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"><strong>Nom & Prénom du Membre</strong><br><br><em>Membre du mois ϟ Nb de pts</em></td></tr></tbody></table> </span></a></center>

</div>

</td>

<td>

<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Points des maisons
</div>

<div style="width:210px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:times new roman; color: #5E6F75;letter-spacing: 0px;overflow: auto;line-height:15px;">

<div align="center">

<table>

<tbody>

<tr>

<td>
<img src="http://img15.hostingpics.net/pics/676726blasongryfpa.png">
</td>

<td>
<img src="http://img15.hostingpics.net/pics/847275blasonpoufpa.png">
</td>

<td>
<img src="http://img15.hostingpics.net/pics/336159blasonserdpa.png">
</td>

<td>
<img src="http://img15.hostingpics.net/pics/223935blasonserppa.png">
</td>

</tr>

</tbody>

</table><br>
<table>

<tbody>

<tr>

<td>
00 pts -
</td>

<td>
00 pts -
</td>

<td>
00 pts -
</td>

<td>
00 pts
</td>

</tr>

</tbody>

</table>

</div>

</div>

</td>

<td>

<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Partenaires & Votes
</div>

<center>

<div style="width:215px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">

<center>
<br><br><a rel="nofollow" target="_blank" class="postlink" href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a> <a rel="nofollow" target="_blank" class="postlink" href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a> <a href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a> <a rel="nofollow" target="_blank" class="postlink" href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png"></a><br><br>Gagnez des points en votant !
</center>

</div>

</center>

</td>

</tr>

</tbody>
</table>
<table>

<tbody>

<tr>

<td>

<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Staff
</div>

<div style="width:670px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">

<center>
<a href="#" class="info"><span style="font-size: 13px;"></span><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src="http://img.photobucket.com/albums/v470/ginnysdarkside/PB%20Icons/Lena%20Headey/lh84.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"><strong>Ainsley Moore</strong><br><br><em>Aulie ϟ Fondatrice</em><br> <span style="color: rgb(84, 147, 180);"><a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a></span></td></tr></tbody></table> </span></a> <a href="#" class="info"><span style="font-size: 13px;"></span><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src="http://img31.imageshack.us/img31/1450/ninadobrev.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"><strong>Isyë C. Black</strong><br><br><em>Peach ϟ Administratrice</em><br> <span style="color: rgb(84, 147, 180);"><a target="blank" href="http://exsecratio.forumactif.org/u2">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=2">envoyer un mp</a></span> </td></tr></tbody></table> </span></a> <a href="#" class="info"><span style="font-size: 13px;"></span><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src="http://image.noelshack.com/fichiers/2013/03/1358607520-hdic11.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"><strong>Avalon S. Hamilton</strong><br><br><em>Laureeeen ϟ Administratrice</em><br> <span style="color: rgb(84, 147, 180);"><a target="blank" href="http://exsecratio.forumactif.org/u3">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=3">envoyer un mp</a></span> </td></tr></tbody></table></span></a> <a href="#" class="info"><span style="font-size: 13px;"></span><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src="http://image.noelshack.com/fichiers/2012/37/1347810551-15.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"> <strong>Audric J. Blackwood</strong><br><br><em>Miikan ϟ Administratrice</em><br> <span style="color: rgb(84, 147, 180);"><a target="blank" href="http://exsecratio.forumactif.org/u5">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=5">envoyer un mp</a></span> </td></tr></tbody></table></span></a> <a href="#" class="info"><span style="font-size: 13px;"></span><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src="http://i.imgur.com/6bY8i8d.png" class="imguser"><span> <table style="width: 100%;"><tbody><tr><td align="center" valign="center"><strong>Dean Lancaster</strong><br><br><em>MARISSA. ϟ Administratrice</em><br> <span style="color: rgb(84, 147, 180);"><a target="blank" href="http://exsecratio.forumactif.org/u7">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=7">envoyer un mp</a></span> </td></tr></tbody></table></span></a>
</center>

</div>

</td>

</tr>

</tbody>
</table><br>
<center>
© Le contexte est d'une idée originale d'Aulie.<br> Le contenu d'Exsecratio appartient exclusivement au staff.<br> Toute reproduction partielle ou totale est interdite ©
</center><br><br>

Et voilà ce que j'obtiens :

Code:: <br /><br /><link href="http://fonts.googleapis.com/css?family=Cardo:700" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Artifika" rel="stylesheet" type="text/css" />
<div style="font-family: 'Artifika', serif; font-size: 16px; letter-spacing: -1px; text-shadow: 1px 0px 1px white; text-align: center; color: #004900;margin-top:-5px"><a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a> ϟ <a href="http://" class="postlink" target="_blank" rel="nofollow">LIEN</a>
</div><br /><link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css" />
<table>

<tbody>

<tr>

<td>
<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Contexte
</div>
<div style="width:410px;height:150px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:verdana; color: #5E6F75;letter-spacing: 0px;line-height:12px; overflow:auto">
<div align="justify">
<div style="float:left;"><img src="http://gifmequand.unblog.fr/files/2013/03/voldemort-smile.gif" style="padding : 3px ; border : 1px solid #71868E ; margin : 1px; width :150px;" />
</div>
<div>
Nous sommes en Septembre 2023, vingt-cinq ans après la Bataille de Poudlard et la création de la Malédiction du Seigneur des Ténèbres. A vrai dire, tous les sorciers l'ont presque oubliée depuis toutes ces années. Personne ne savait quand la Malédiction allait prendre effet, jusqu'à ce jour. Voldemort a été sadique jusqu'au bout. Il savait le Monde Sorcier en péril, en pleine reconstruction. Il a donc fait en sorte que la Malédiction prenne effet vingt-cinq ans après la fin de la guerre, histoire que tout le monde ait reprit une vie plus ou moins normale, que les familles se soient reconstruites. C'est donc dans la nuit du 30 au 31 juillet 2023 que la Malédiction fit son effet. Au petit matin, un sorcier sur deux se rend alors compte que leur magie s'est atténuée, voire disparue pour certains. Mais la vie doit continuer malgré tout, la rentrée à Poudlard se fait dans quelques jours. Élèves, professeurs, adultes du Monde Sorcier... Allez-vous avoir la chance d'être épargné ? <strong><a href="http://" class="postlink" target="_blank" rel="nofollow">⇒ Suite</a></strong>
</div>

</div>

</div>

</td>

<td>
<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
News
</div>
<div style="width:215px;height:150px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">
ϟ PA by Rose91<br /> ϟ …<br /> ϟ …<br /> ϟ …
</div>

</td>

</tr>

</tbody>
</table>
<table>

<tbody>

<tr>

<td>
<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Membres du mois
</div>
<div style="width:150px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">

<center><a class="info" href="#"><img class="imguser" src="http://fc07.deviantart.net/fs71/f/2010/225/9/e/Icon_poudlard_2_by_Rbkk.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 50px ; height :50px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Nom & Prénom du Membre</strong><br /><br /><em>Membre du mois ϟ Nb de pts</em>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span> </span></a><a class="info" href="#"><img class="imguser" src="http://fc07.deviantart.net/fs71/f/2010/225/9/e/Icon_poudlard_2_by_Rbkk.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 50px ; height :50px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Nom & Prénom du Membre</strong><br /><br /><em>Membre du mois ϟ Nb de pts</em>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span> </span></a>
</center>

</div>

</td>

<td>
<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Points des maisons
</div>
<div style="width:210px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 11px;font-family:times new roman; color: #5E6F75;letter-spacing: 0px;overflow: auto;line-height:15px;">
<div align="center">

<table>

<tbody>

<tr>

<td><img src="http://img15.hostingpics.net/pics/676726blasongryfpa.png" />
</td>

<td><img src="http://img15.hostingpics.net/pics/847275blasonpoufpa.png" />
</td>

<td><img src="http://img15.hostingpics.net/pics/336159blasonserdpa.png" />
</td>

<td><img src="http://img15.hostingpics.net/pics/223935blasonserppa.png" />
</td>

</tr>

</tbody>

</table><br />
<table>

<tbody>

<tr>

<td>
00 pts -
</td>

<td>
00 pts -
</td>

<td>
00 pts -
</td>

<td>
00 pts
</td>

</tr>

</tbody>

</table>

</div>

</div>

</td>

<td>
<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Partenaires & Votes
</div>

<center>
<div style="width:215px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">

<center><br /><br /><a href="http://" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a> <a href="http://"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/783328vote.png" /></a><br /><br />Gagnez des points en votant !
</center>

</div>

</center>

</td>

</tr>

</tbody>
</table>
<table>

<tbody>

<tr>

<td>
<div style="letter-spacing: -2px; font-family : 'Satisfy'; text-align: center;font-size : 23px; color: #71868E; text-shadow : 1px 0px 1px white; opacity: 0.8;margin-top:-9px;">
Staff
</div>
<div style="width:670px;height:100px; background-color: #CAD1D5; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px; border: 2px #71868E solid;margin-top: -10px;font-size: 10px;font-family:verdana; color: #5E6F75;">

<center><a class="info" href="#"><span style="font-size: 13px;"></span><img class="imguser" src="http://img.photobucket.com/albums/v470/ginnysdarkside/PB%20Icons/Lena%20Headey/lh84.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Ainsley Moore</strong><br /><br /><em>Aulie ϟ Fondatrice</em><br /> <span style="color: rgb(84, 147, 180);"><a href="http://exsecratio.forumactif.org/u1" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1" target="blank">envoyer un mp</a></span>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span> </span></a> <a class="info" href="#"><span style="font-size: 13px;"></span><img class="imguser" src="http://img31.imageshack.us/img31/1450/ninadobrev.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Isyë C. Black</strong><br /><br /><em>Peach ϟ Administratrice</em><br /> <span style="color: rgb(84, 147, 180);"><a href="http://exsecratio.forumactif.org/u2" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=2" target="blank">envoyer un mp</a></span>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span> </span></a> <a class="info" href="#"><span style="font-size: 13px;"></span><img class="imguser" src="http://image.noelshack.com/fichiers/2013/03/1358607520-hdic11.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Avalon S. Hamilton</strong><br /><br /><em>Laureeeen ϟ Administratrice</em><br /> <span style="color: rgb(84, 147, 180);"><a href="http://exsecratio.forumactif.org/u3" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=3" target="blank">envoyer un mp</a></span>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span></span></a> <a class="info" href="#"><span style="font-size: 13px;"></span><img class="imguser" src="http://image.noelshack.com/fichiers/2012/37/1347810551-15.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Audric J. Blackwood</strong><br /><br /><em>Miikan ϟ Administratrice</em><br /> <span style="color: rgb(84, 147, 180);"><a href="http://exsecratio.forumactif.org/u5" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=5" target="blank">envoyer un mp</a></span>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span></span></a> <a class="info" href="#"><span style="font-size: 13px;"></span><img class="imguser" src="http://i.imgur.com/6bY8i8d.png" style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Dean Lancaster</strong><br /><br /><em>MARISSA. ϟ Administratrice</em><br /> <span style="color: rgb(84, 147, 180);"><a href="http://exsecratio.forumactif.org/u7" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=7" target="blank">envoyer un mp</a></span>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span></span></a>
</center>

</div>

</td>

</tr>

</tbody>
</table><br />
<center>
© Le contexte est d'une idée originale d'Aulie.<br /> Le contenu d'Exsecratio appartient exclusivement au staff.<br /> Toute reproduction partielle ou totale est interdite ©
</center><br /><br />

Quelqu'un aurait une idée de ce qui se passe ? Une erreur de balise ? Ou alors un bug ? ><

Merci beaucoup d'avance !

Salut

,

Forumactif a des bugs avec son éditeur de texte ces temps ci :s. Tu peux essayer cette solution : http://forum.forumactif.com/t358075-correction-de-la-mise-en-forme-du-nouvel-editeur-en-mode-source

J'ai mis le code en question et malheureusement ça ne marche pas. Apparemment ce sont les infobulles qui ne marchent pas.
J'ai fais un essai avec une seule infobulle dans la page d'accueil.

Voilà le code HTML de l'infobulle que j'ai mis :

Code:: <a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src=" http://img4.hostingpics.net/pics/204885lena.png " class="imguser"><span> <table style="width: 100%;"><tr><td align="center" valign="center"><strong>Ainsley Moore</strong><br><br><em>Aulie ϟ Fondatrice</em><br> <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a></td></tr></table> </span></a>

Lorsque je le valide, ça marche très bien mais lorsque je reviens dans l'éditeur de la page d'accueil, le code a changé et c'est devenu ça :

Code:: <a class="info" href="#"><img class="imguser" src=" http://img4.hostingpics.net/pics/204885lena.png " style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" /><span> </span></a>
<table style="width: 100%;">
<tbody>
<tr>
<td valign="center" align="center">
<strong>Ainsley Moore</strong><br /><br /><em>Aulie ϟ Fondatrice</em><br /> <a href="http://exsecratio.forumactif.org/u1" target="blank">profil</a> ϟ <a href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1" target="blank">envoyer un mp</a>
</td>
</tr>
</tbody>
</table><a class="info" href="#"><span> </span></a>

Il y a des balises en plus et c'est tout mélangé, je comprends pas ><

EDIT : Voici le CSS concernant concernant les infobulles au cas où

Code:: /* INFOBULLES*/
a.info {
position: relative;
}

a.info:hover {
background: none;
z-index: 999;
}
a.info span {
display: none;}

a.info:hover span {
display: inline;
position: absolute;
width: 150px;
top: 5px;
left: 5px;
background-color: #FFFFFF;
padding: 1px;
border-bottom: 1px dotted #5493B4;
border-top: 1px dotted #5493B4;
border-right: 1px dotted #5493B4;
border-left: 1px dotted #5493B4;}
/* FIN INFOBULLES */

Citation :: Lorsque je le valide, ça marche très bien mais lorsque je reviens dans l'éditeur de la page d'accueil, le code a changé et c'est devenu ça :

Oui c'est un problème du nouvel éditeur de FA malheureusement Sad

Voici mon conseil :
1/ Travail sur ton ordinateur avec un éditeur de texte tout simple (genre le bloc note, ou encore Sublime Text 2, ou bien Notepadd++).
2/ Quand tu as fini, tu copies / colles ton codes et tu valides directement sans rien modifier.
3/ Pour toute modification, en attendant que le problème soit réglé, tu modifies dans le fichier sur ton ordinateur. Une fois fait, tu copies / colles tout dans l'éditeur de FA sans rien modifier. C'est chiant mais il semblerait que cela soit la seule démarche qui fonctionne vraiment :S

Si tu regardes dans les demandes d'aide récentes sur CSSActif ou encore le forum officiel de ForumActif, il y en a pleins de similaires, des gens dont le code saute totalement dans la PA : c'est le nouvel éditeur Sad

EDIT : la solution est donnée plus bas !

Ok, je pense que c'est le seul moyen en effet. Merci pour tes conseils en tout cas Smile

Je vais attendre que FA réponde à mon sujet sur le forum FA pour voir ce qu'ils peuvent faire.

Merci encore ! Very Happy

Je me permets de poster pour dire que FA avait répondu à mon sujet pour me dire que le codage de mon infobulle n'était pas bonne :

Code:: <a href="#" class="info"><img style="padding : 3px ; border : 1px solid #71868E ; margin : 2px; width : 70px ; height :70px;" src=" http://img4.hostingpics.net/pics/204885lena.png " class="imguser"><span> <table style="width: 100%;"><tr><td align="center" valign="center"><strong>Ainsley Moore</strong><br><br><em>Aulie ϟ Fondatrice</em><br> <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a></td></tr></table> </span></a>

Je ne vois pas en quoi. Pourtant c'est bien ça qui fout en l'air ma page d'accueil...

Ton code fonctionne, mais il n'est pas vraiment "propre".

Après pas mal d'essai, le bug de ton code vient justement du fait qu'il ne soit pas propre ^^'. Il fonctionne, mais quand on le met dans l'éditeur ForumActif, celui ci transforme le code, et essaye d'enlever certains bug.
Par exemple, essaye de mettre dans la PA des liens imbriqués cela buggera :

Code:: <a href="#" class="info">Texte + <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a></a>

Donnera

Code:: <a href="#" class="info">Texte + </a><a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a>

De plus, les tableaux aussi créent le bug dans le cadre de l'infobulle, et tu n'en a pas besoin ^^.

Voici un exemple de code un peu mieux :

Code:: <div class="info">
<img src="http://img4.hostingpics.net/pics/204885lena.png" class="imguser" />
<div class="contenu">
   <strong>Ainsley Moore</strong>
   <p>
      <em>Aulie ϟ Fondatrice</em>
   </p>
   <a target="blank" href="http://exsecratio.forumactif.org/u1">profil</a> ϟ <a target="blank" href="http://exsecratio.forumactif.org/privmsg?mode=post&u=1">envoyer un mp</a>
</div>
</div>

Le CSS qui va avec :

Code:: div.info {
display: inline-block;
position: relative;
padding: 3px ;
border: 1px solid #71868E;
margin: 2px;
width: 70px;
height: 70px;
}

div.info img.imguser { width : 100%; }

div.info > div.contenu {
display:none;
position: absolute;
left: 5px;
width: 150px;
padding: 1px;
color: black;
background-color: #FFFFFF;
border: 1px dotted #5493B4;
z-index: 2;
}
div.info:hover > div.contenu { display: block; }

Merci beaucoup mieux, cela marche parfaitement maintenant Problème de codage de la page d'accueil [RESOLU] 1001172573

Problème de codage de la page d'accueil [RESOLU]

Problème de codage de la page d'accueil [RESOLU]

Sujets similaires

Sujets similaires

Partenaires Or