Page d'Acceuil inopérante depuis Mise a jour Editeur

[tristan8]

Bonjour,

J'ai un gros souci depuis la mise à jour de l'éditeur qui a été faite récemment.

J'ai voulu la modifier (comme je faisais régulièrement) et sans que ca pose de problème.

Lorsque je suis allé voir les codes, je me suis aperçu qu'ils étaient tous chamboulés, espacés. Je me suis pas inquiété et j'ai enregistré, mais voila ce que ca m'a donné :





Voici le code de ma page d'acceuil avant ma modification d'aujourd'hui (que j'avais pris soin d'enregistrer car j'avais remarqué que les codes étaient inhabituellement espacés).

Code:

<style>
/*--PA onglets--*/
.paonglet
{
font-variant: small-caps;
display:inline-block;
margin-left:15px;
margin-right:15px;
cursor:pointer;
text-align: center;
}
.paonglet:hover{
font-weight: bold;
}
.paonglet_0
{
letter-spacing: 1px;
}
.paonglet_1
{
letter-spacing: 1px;
}
.contenu_paonglet
{
margin-top:-5px;
padding: 7px;
display:none;
height: auto;
text-align: justify;
font-family: Tahoma, serif;
color: #A34A3B;
width: 930px;
background-color: #abc5e2;
border-left: 2px solid #295b98;
border-top: 6px solid #295b98;
border-right: 2px solid #295b98;
border-bottom: 6px solid #295b98;
-moz-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
margin:auto;
}
.case {
padding-left: 10px;
padding-right: 30px;
font-family: Arial;
font-size: 12px;
color: #000000;
text-align: justify;
}
.navi {
text-align: center;
}
#navig {
padding-top: 20px;
}
#case {
padding-top: 5px;
}
.scroll {
text-align: justify;
margin-left: 30px;
border-left: 2px solid #295b98;
border-right: 2px solid #295b98;
border-top: 1px solid #295b98;
border-bottom: 1px solid #295b98;
height: 100px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding-left: 5px;
padding-right: 5px;
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* 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é */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 7px;
background: #abc5e2;
color: ffffff;
padding: 3px;
border: 0px solid grey;
border-left: 2px solid #295b98;
border-right: 2px solid #295b98;
border-top: 2px solid #295b98;
border-bottom: 2px solid #295b98;
font-variant: small-caps;
}
</style><br /><br /><script type="text/javascript">
//<!--
function change_paonglet(name)
{
document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
document.getElementById('contenu_paonglet_'+name).style.display = 'block';
anc_paonglet = name;
}
//-->
</script>
<div class="paonglets" style="text-align: center;">
 <span class="paonglet_0 paonglet" id="paonglet_naruto" onclick="javascript:change_paonglet('naruto');"><img src="http://nsa28.casimages.com/img/2011/08/04/110804060900519299.png" alt="" border="0" /></span><span class="paonglet_0 paonglet" id="paonglet_news" onclick="javascript:change_paonglet('news');"><img src="http://i38.servimg.com/u/f38/16/88/79/68/ssw210.png" alt="" border="0" /></span><span class="paonglet_0 paonglet" id="paonglet_partenaires" onclick="javascript:change_paonglet('partenaires');"><img src="http://i38.servimg.com/u/f38/16/88/79/68/klw10.png" alt="" border="0" /></span>
</div>
<div class="contenu_paonglets" style="text-align: center;">
 <div class="contenu_paonglet" id="contenu_paonglet_naruto">
 <table class="table" style="width:350px;margin:auto;">
 <tbody>
 <tr>
 <td style="width: 350px;" id="navig">
 <center><img src="http://nsa27.casimages.com/img/2011/08/02/110802094358440657.png" alt="" border="0" />
 </center><br />
 <div class="navi">
 <form><span style="font-size: 13px;"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Bienvenue</option><option value="http://www.secretstorykohlanta.com/">Règlement Des Jeux</option><option value="http://www.secretstorykohlanta.com/register?tid=2726dcb50cb04a449fbb6d161ca5ee7e">Inscriptions</option><option value="http://www.secretstorykohlanta.com/f1-presentations-et-castings">Présentations et Casting</option><option value="http://www.secretstorykohlanta.com/f8-le-maitre-des-jeux-vous-parle">Le Maitre des Jeux vous Parle</option><option value="http://www.secretstorykohlanta.com/">Staff et Informations</option><option value="http://www.secretstorykohlanta.com/t3669-code-de-conduite-et-plagiat">Code de Conduite et Plagiat</option></select></span>
 </form><br /><border="0" alt="CLASSEMENTS ET GAINS"><br /><br /></border="0">
 <form style=""><span style="font-size: 13px;"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Bienvenue</option><option value="http://www.secretstorykohlanta.com/t26027-classement-general-des-candidats-du-site">Classement Général des Candidats</option><option value="http://www.secretstorykohlanta.com/f117-vainqueurs-des-saisons">Vainqueurs des Saisons du Web</option><option value="http://www.secretstorykohlanta.com/t7027-tableau-d-honneur-des-scores-dans-les-jeux">Tableau Des Scores et Couronnes</option><option value="http://www.secretstorykohlanta.com/t27404-inventaire-des-candidats">Inventaire des Candidats</option><option value="http://www.secretstorykohlanta.com/f167-les-gains">Les Gains</option></select></span>
 </form><border="0" alt="CLASSEMENTS ET GAINS"></border="0">
 </div>
 </td>
 <td style="width: 530px;" rowspan="3" class="case" id="case">
 <center><img src="http://nsa30.casimages.com/img/2012/08/11//12081109351479345.jpg" alt="image bienvenue" border="0" />
 </center><br />
 <p align="center">
 <a href="http://www.secretstorykohlanta.com/" class="postlink"><img src="http://i48.servimg.com/u/f48/16/88/79/68/raglem10.gif" alt="" border="0" /></a><a href="http://www.secretstorykohlanta.com/register?tid=2726dcb50cb04a449fbb6d161ca5ee7e" class="postlink"><img src="http://i38.servimg.com/u/f38/16/88/79/68/inscri11.png" alt="" border="0" /></a><a href="http://www.secretstorykohlanta.com/f1-les-casting?tid=2726dcb50cb04a449fbb6d161ca5ee7e" class="postlink"><img src="http://i38.servimg.com/u/f38/16/88/79/68/castin10.png" alt="" border="0" /></a>
 </p><br />
 <p align="center">
 <br /><marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"></marquee>
 </p>
 <center style="">
 <div id="recent-topics">
 </div>
 </center><marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"><script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></marquee>
 <p>
 </p>
 </td>
 </tr>
 <tr>
 <td style="padding-top: 30px;">
 <center><img src="http://nsa28.casimages.com/img/2011/08/02/110802100052582931.png" alt="image staff" border="0" />
 </center>
 <center>
 <table cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td><a class="imginfo"><img src="http://nsa34.casimages.com/img/2013/08/22/mini_130822110818375483.png" alt="Miniature Maestro" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong>Maestro Del Juego</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Administrateur</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/1-11.png" alt="image grande Maestro" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"><a href="http://www.secretstorykohlanta.com/privmsg?mode=post&u=1"><span style="color: rgb(0, 0, 0);">MP</span></a> - <a href="http://www.secretstorykohlanta.com/u1"><span style="color: rgb(0, 0, 0);">Profil</span></a><br /></span>
 </td>
 </tr>
 <tr align="center">
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td><a class="imginfo"><img src="http://nsa33.casimages.com/img/2013/08/22/mini_130822110818639350.jpg" alt="Miniature Mike" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong>Mike</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modérateur Principal et Designer</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/70-83.jpg" alt="image grande Mike" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"></span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td><a class="imginfo"><img src="http://nsa33.casimages.com/img/2013/08/22/mini_13082211081941859.png" alt="Miniature Rose" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong>Rose</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Designer Principale</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/237-91.png" alt="image grande Rose" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"><br /></span>
 </td>
 </tr>
 <tr align="center">
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 <td><a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_130908080717671151.jpg" alt="Miniature Camille" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong>Camille</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modératrice</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><a class="imginfo"><img src="http://www.secretstorykohlanta.com/users/1111/18/54/80/avatars/44-93.jpg" alt="image grande Camille" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"></span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td><a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_130908080717407681.jpg" alt="Miniature Quentin" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong>Quentin</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modérateur</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/150-50.jpg" alt="image grande Quentin" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"></span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td><a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_13090808144529315.jpg" alt="Miniature Anna" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong>Anna</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modératrice</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/112-67.jpg" alt="image grande Anna" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"></span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td><span></span>
 <table style="" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;"><span style="font-size: 13px;"><strong></strong><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"></span></span><br /></span>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 </td>
 </tr>
 <tr>
 <td style="text-align: center;"><span style="font-size: 10px;"><a href=""><span style="color: rgb(0, 0, 0);"></span></a> - <a href=""><span style="color: rgb(0, 0, 0);"></span></a><br /></span>
 </td>
 </tr>
 <tr align="center">
 </tr>
 </tbody>
 </table><span></span>
 </td>
 </tr>
 </tbody>
 </table>
 </center>
 </td>
 </tr>
 <tr>
 <td>
 <center><img src="http://nsa27.casimages.com/img/2011/08/02/110802105945325872.png" alt="" border="0" /><br /><a href="http://www.secretstorykohlanta.com/t29349-attention-au-plagiat-d-auteur"><img src="http://nsa22.casimages.com/img/2012/03/14/120314061914593305.jpg" alt="bouton Plagiat" border="0" /></a><br />
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 <div class="contenu_paonglet" id="contenu_paonglet_news">
 <table>
 <tbody>
 <tr>
 <td style="width: 55%;" class="case" rowspan="2">
 <center><img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br /><img src="http://i38.servimg.com/u/f38/16/88/79/68/ssw210.png" border="0" />
 </center>
 </td>
 <td class="case">
 <center><img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" border="0" /><br />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"><strong></strong><span style="color: RoyalBlue;"></span>* Actuellement Secret Story Web - Saison 3 - Theme 7 "Cagnotte de Popularité"<img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/2898436504.gif" /></marquee>
 <p style=""><br /><span style="color: crimson;"><strong>* James a été Éliminé</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/1569388408.gif" /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <p style=""><br /><span style="color: SeaGreen;"><strong>* Plus que 7 Habitants encore en jeu !</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3730694423.gif" /><br /><br /><span style="color: blue;"><strong>* La Saison 2 a été Remportée par Mike.</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br /><span style="color: darkblue;"><strong>* La Saison 1 a été Remportée par Nicolas</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <center style=""><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 </td>
 </tr>
 <tr>
 <td class="case">
 <center><br /><br /><br /><br /><br /><br />
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 <div class="contenu_paonglet" id="contenu_paonglet_partenaires">
 <table>
 <tbody>
 <tr>
 <td style="width: 55%;" class="case" rowspan="2">
 <center><img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br /><img src="http://i38.servimg.com/u/f38/16/88/79/68/klw10.png" alt="http://www.secretstorykohlanta.com/t6852-secret-story-web" border="0" /><br />
 </center>
 </td>
 <td class="case">
 <center><img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" alt="" border="0" />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"><strong></strong><span style="color: RoyalBlue;"></span>* Actuellement Koh Lanta Web - Saison 3 : INSCRIPTIONS<img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/2898436504.gif" /><br /></marquee>
 <p style=""><br /><span style="color: crimson;"><strong>*</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/1569388408.gif" /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <p style=""><br /><span style="color: SeaGreen;"><strong>* </strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3730694423.gif" /><br /><br /><span style="color: blue;"><strong>* La Saison 2 a été Remportée par Savanah.</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br /><span style="color: darkblue;"><strong>* La Saison 1 a été Remporté par Mike</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <center style=""><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 </td>
 </tr>
 <tr>
 <td class="case">
 <center><br /><br /><br /><br /><br /><br />
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 </div><span class="postbody"></span>
</div><script type="text/javascript">
//<!--
var anc_paonglet = 'naruto';
change_paonglet(anc_paonglet);
//-->
</script>

Voici le code après la modification si je l'enregistre\l'édite :

Code:

<style>
/*--PA onglets--*/
.paonglet
{
font-variant: small-caps;
display:inline-block;
margin-left:15px;
margin-right:15px;
cursor:pointer;
text-align: center;
}
.paonglet:hover{
font-weight: bold;
}
.paonglet_0
{
letter-spacing: 1px;
}
.paonglet_1
{
letter-spacing: 1px;
}
.contenu_paonglet
{
margin-top:-5px;
padding: 7px;
display:none;
height: auto;
text-align: justify;
font-family: Tahoma, serif;
color: #A34A3B;
width: 930px;
background-color: #abc5e2;
border-left: 2px solid #295b98;
border-top: 6px solid #295b98;
border-right: 2px solid #295b98;
border-bottom: 6px solid #295b98;
-moz-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
margin:auto;
}
.case {
padding-left: 10px;
padding-right: 30px;
font-family: Arial;
font-size: 12px;
color: #000000;
text-align: justify;
}
.navi {
text-align: center;
}
#navig {
padding-top: 20px;
}
#case {
padding-top: 5px;
}
.scroll {
text-align: justify;
margin-left: 30px;
border-left: 2px solid #295b98;
border-right: 2px solid #295b98;
border-top: 1px solid #295b98;
border-bottom: 1px solid #295b98;
height: 100px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding-left: 5px;
padding-right: 5px;
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* 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é */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 7px;
background: #abc5e2;
color: ffffff;
padding: 3px;
border: 0px solid grey;
border-left: 2px solid #295b98;
border-right: 2px solid #295b98;
border-top: 2px solid #295b98;
border-bottom: 2px solid #295b98;
font-variant: small-caps;
}
</style><br /><br /><script type="text/javascript">
//<!--
function change_paonglet(name)
{
document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
document.getElementById('contenu_paonglet_'+name).style.display = 'block';
anc_paonglet = name;
}
//-->
</script>
<div class="paonglets" style="text-align: center;"><span class="paonglet_0 paonglet" id="paonglet_naruto" onclick="javascript:change_paonglet('naruto');"><img src="http://nsa28.casimages.com/img/2011/08/04/110804060900519299.png" alt="" border="0" /></span><span class="paonglet_0 paonglet" id="paonglet_news" onclick="javascript:change_paonglet('news');"><img src="http://i38.servimg.com/u/f38/16/88/79/68/ssw210.png" alt="" border="0" /></span><span class="paonglet_0 paonglet" id="paonglet_partenaires" onclick="javascript:change_paonglet('partenaires');"><img src="http://i38.servimg.com/u/f38/16/88/79/68/klw10.png" alt="" border="0" /></span>
</div>
<div class="contenu_paonglets" style="text-align: center;">
 <div class="contenu_paonglet" id="contenu_paonglet_naruto">
 <table class="table" style="width:350px;margin:auto;">
 <tbody>
 <tr>
 <td style="width: 350px;" id="navig">
 <center>
 <img src="http://nsa27.casimages.com/img/2011/08/02/110802094358440657.png" alt="" border="0" />
 </center><br />
 <div class="navi">
 <form>
 <span style="font-size: 13px;"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Bienvenue</option><option value="http://www.secretstorykohlanta.com/">Règlement Des Jeux</option><option value="http://www.secretstorykohlanta.com/register?tid=2726dcb50cb04a449fbb6d161ca5ee7e">Inscriptions</option><option value="http://www.secretstorykohlanta.com/f1-presentations-et-castings">Présentations et Casting</option><option value="http://www.secretstorykohlanta.com/f8-le-maitre-des-jeux-vous-parle">Le Maitre des Jeux vous Parle</option><option value="http://www.secretstorykohlanta.com/">Staff et Informations</option><option value="http://www.secretstorykohlanta.com/t3669-code-de-conduite-et-plagiat">Code de Conduite et Plagiat</option></select></span>
 </form><br /><border="0" alt="CLASSEMENTS ET GAINS"><br /><br /></border="0">
 <form style="">
 <span style="font-size: 13px;"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Bienvenue</option><option value="http://www.secretstorykohlanta.com/t26027-classement-general-des-candidats-du-site">Classement Général des Candidats</option><option value="http://www.secretstorykohlanta.com/f117-vainqueurs-des-saisons">Vainqueurs des Saisons du Web</option><option value="http://www.secretstorykohlanta.com/t7027-tableau-d-honneur-des-scores-dans-les-jeux">Tableau Des Scores et Couronnes</option><option value="http://www.secretstorykohlanta.com/t27404-inventaire-des-candidats">Inventaire des Candidats</option><option value="http://www.secretstorykohlanta.com/f167-les-gains">Les Gains</option></select></span>
 </form><border="0" alt="CLASSEMENTS ET GAINS"></border="0">
 </div>
 </td>
 <td style="width: 530px;" rowspan="3" class="case" id="case">
 <center>
 <img src="http://nsa30.casimages.com/img/2012/08/11//12081109351479345.jpg" alt="image bienvenue" border="0" />
 </center><br />
 <p align="center"><a href="http://www.secretstorykohlanta.com/" class="postlink"><img src="http://i48.servimg.com/u/f48/16/88/79/68/raglem10.gif" alt="" border="0" /></a><a href="http://www.secretstorykohlanta.com/register?tid=2726dcb50cb04a449fbb6d161ca5ee7e" class="postlink"><img src="http://i38.servimg.com/u/f38/16/88/79/68/inscri11.png" alt="" border="0" /></a><a href="http://www.secretstorykohlanta.com/f1-les-casting?tid=2726dcb50cb04a449fbb6d161ca5ee7e" class="postlink"><img src="http://i38.servimg.com/u/f38/16/88/79/68/castin10.png" alt="" border="0" /></a>
 </p><br />
 <p align="center"><br /><marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"></marquee>
 </p>
 <center style="">
 <div id="recent-topics">
 </div>
 </center><marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"><script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></marquee>
 <p>
 </p>
 </td>
 </tr>
 <tr>
 <td style="padding-top: 30px;">
 <center>
 <img src="http://nsa28.casimages.com/img/2011/08/02/110802100052582931.png" alt="image staff" border="0" />
 </center>
 <center>
 <table cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td>
 <a class="imginfo"><img src="http://nsa34.casimages.com/img/2013/08/22/mini_130822110818375483.png" alt="Miniature Maestro" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong>Maestro Del Juego</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Administrateur</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/1-11.png" alt="image grande Maestro" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;"><a href="http://www.secretstorykohlanta.com/privmsg?mode=post&u=1"><span style="color: rgb(0, 0, 0);">MP</span></a> - <a href="http://www.secretstorykohlanta.com/u1"><span style="color: rgb(0, 0, 0);">Profil</span></a><br /></span>
 </td>
 </tr>
 <tr align="center">
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td>
 <a class="imginfo"><img src="http://nsa33.casimages.com/img/2013/08/22/mini_130822110818639350.jpg" alt="Miniature Mike" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong>Mike</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modérateur Principal et Designer</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/70-83.jpg" alt="image grande Mike" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;">
 </span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td>
 <a class="imginfo"><img src="http://nsa33.casimages.com/img/2013/08/22/mini_13082211081941859.png" alt="Miniature Rose" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong>Rose</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Designer Principale</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/237-91.png" alt="image grande Rose" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;"><br /></span>
 </td>
 </tr>
 <tr align="center">
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 <td>
 <a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_130908080717671151.jpg" alt="Miniature Camille" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong>Camille</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modératrice</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <a class="imginfo"><img src="http://www.secretstorykohlanta.com/users/1111/18/54/80/avatars/44-93.jpg" alt="image grande Camille" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;">
 </span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td>
 <a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_130908080717407681.jpg" alt="Miniature Quentin" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong>Quentin</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modérateur</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/150-50.jpg" alt="image grande Quentin" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;">
 </span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td>
 <a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_13090808144529315.jpg" alt="Miniature Anna" /><span></span></a>
 <table style="" border="0" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong>Anna</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modératrice</strong></span></span><br />
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/112-67.jpg" alt="image grande Anna" /></a>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;">
 </span>
 </td>
 </tr>
 </tbody>
 </table><a class="imginfo"><span></span></a>
 </td>
 <td>
 <span>
 </span>
 <table style="" cellpadding="1" cellspacing="1">
 <tbody>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 13px;"><strong></strong><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"></span></span><br /></span>
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 </td>
 </tr>
 <tr>
 <td style="text-align: center;">
 <span style="font-size: 10px;"><a href=""><span style="color: rgb(0, 0, 0);"></span></a> - <a href=""><span style="color: rgb(0, 0, 0);"></span></a><br /></span>
 </td>
 </tr>
 <tr align="center">
 </tr>
 </tbody>
 </table><span></span>
 </td>
 </tr>
 </tbody>
 </table>
 </center>
 </td>
 </tr>
 <tr>
 <td>
 <center>
 <img src="http://nsa27.casimages.com/img/2011/08/02/110802105945325872.png" alt="" border="0" /><br /><a href="http://www.secretstorykohlanta.com/t29349-attention-au-plagiat-d-auteur"><img src="http://nsa22.casimages.com/img/2012/03/14/120314061914593305.jpg" alt="bouton Plagiat" border="0" /></a><br />
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 <div class="contenu_paonglet" id="contenu_paonglet_news">
 <table>
 <tbody>
 <tr>
 <td style="width: 55%;" class="case" rowspan="2">
 <center>
 <img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br /><img src="http://i38.servimg.com/u/f38/16/88/79/68/ssw210.png" border="0" />
 </center>
 </td>
 <td class="case">
 <center>
 <img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" border="0" /><br />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"><strong></strong><span style="color: RoyalBlue;"></span>* Actuellement Secret Story Web - Saison 3 - Theme 7 "Cagnotte de Popularité"<img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/2898436504.gif" /></marquee>
 <p style="">
 <br /><span style="color: crimson;"><strong>* James a été Éliminé</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/1569388408.gif" /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <p style="">
 <br /><span style="color: SeaGreen;"><strong>* Plus que 7 Habitants encore en jeu !</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3730694423.gif" /><br /><br /><span style="color: blue;"><strong>* La Saison 2 a été Remportée par Mike.</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br /><span style="color: darkblue;"><strong>* La Saison 1 a été Remportée par Nicolas</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <center style="">
 <img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 </td>
 </tr>
 <tr>
 <td class="case">
 <center>
 <br /><br /><br /><br /><br /><br />
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 <div class="contenu_paonglet" id="contenu_paonglet_partenaires">
 <table>
 <tbody>
 <tr>
 <td style="width: 55%;" class="case" rowspan="2">
 <center>
 <img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br /><img src="http://i38.servimg.com/u/f38/16/88/79/68/klw10.png" alt="http://www.secretstorykohlanta.com/t6852-secret-story-web" border="0" /><br />
 </center>
 </td>
 <td class="case">
 <center>
 <img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" alt="" border="0" />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"><strong></strong><span style="color: RoyalBlue;"></span>* Actuellement Koh Lanta Web - Saison 3 : INSCRIPTIONS<img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/2898436504.gif" /><br /></marquee>
 <p style="">
 <br /><span style="color: crimson;"><strong>*</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/1569388408.gif" /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <p style="">
 <br /><span style="color: SeaGreen;"><strong>* </strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3730694423.gif" /><br /><br /><span style="color: blue;"><strong>* La Saison 2 a été Remportée par Savanah.</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br /><span style="color: darkblue;"><strong>* La Saison 1 a été Remporté par Mike</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br />
 </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 <center style="">
 <img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" />
 </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
 </td>
 </tr>
 <tr>
 <td class="case">
 <center>
 <br /><br /><br /><br /><br /><br />
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 </div><span class="postbody"></span>
</div><script type="text/javascript">
//<!--
var anc_paonglet = 'naruto';
change_paonglet(anc_paonglet);
//-->
</script>

Merci de votre aide, car c'est très embêtant. Je n'ai plus de PA !  

[Shashy]

Hello,

Pensez à rechercher votre problème avant d'ouvrir un sujet ! ^^

Problème similaire -> ICI

[tristan8]

Bonjour,

j'ai effectivement vu que d'autres utilisateurs, comme moi, avaient un problème avec leur PA depuis la dernière mise a jour de forumactif.

J'ai créé un nouveau sujet, car il me semble qu'ils règlent cela au cas par cas. Je pense que c'est un souci de code qui s'intègre mal avec le nouvel éditeur.  Chaque page d'Accueil a ses propres codes. C'est pour cela que je fourni le code de ma PA ici et non dans d'autres topics qui ont des problèmes similaires mais pas forcement les mêmes codes qui sont concernés.

[demeter1]

Hello,

Pensez à rechercher votre problème avant d'ouvrir un sujet ! ^^

Problème similaire -> ICI

Shashy, il s'agit d'un codage spécifique. ce n'est pas parce que d'autres rencontrent le soucis que cela corrigera le problème. Là, hormis faire du flood, vous n'apportez pas vraiment une aide constructive. Entre parenthèse,  laissez la modération aux modérateurs.

[tristan8]

Toujours personne pour s'occuper de mon code qui a foiré suite au nouvel éditeur ?   

[tristan8]

Toujours personne pour résoudre si possible le ou les problèmes de ce code suite à la modification de l'éditeur ?  :no 

[Tech]

Bonjour,

Première chose que l'on va faire c'est déplacer le contenu de la balise style dans le CSS de votre forum. Bien que ça soit correct actuellement, je trouve que ça encombre inutilement le code de votre page d'accueil et on perds du temps ^^
Voici donc le CSS à mettre dans votre PA > Affichage > Couleurs > Feuille de style :

Code:

    /*--PA onglets--*/
    .paonglet
    {
    font-variant: small-caps;
    display:inline-block;
    margin-left:15px;
    margin-right:15px;
    cursor:pointer;
    text-align: center;
    }
    .paonglet:hover{
    font-weight: bold;
    }
    .paonglet_0
    {
    letter-spacing: 1px;
    }
    .paonglet_1
    {
    letter-spacing: 1px;
    }
    .contenu_paonglet
    {
    margin-top:-5px;
    padding: 7px;
    display:none;
    height: auto;
    text-align: justify;
    font-family: Tahoma, serif;
    color: #A34A3B;
    width: 930px;
    background-color: #abc5e2;
    border-left: 2px solid #295b98;
    border-top: 6px solid #295b98;
    border-right: 2px solid #295b98;
    border-bottom: 6px solid #295b98;
    -moz-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    margin:auto;
    }
    .case {
    padding-left: 10px;
    padding-right: 30px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-align: justify;
    }
    .navi {
    text-align: center;
    }
    #navig {
    padding-top: 20px;
    }
    #case {
    padding-top: 5px;
    }
    .scroll {
    text-align: justify;
    margin-left: 30px;
    border-left: 2px solid #295b98;
    border-right: 2px solid #295b98;
    border-top: 1px solid #295b98;
    border-bottom: 1px solid #295b98;
    height: 100px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding-left: 5px;
    padding-right: 5px;
    }
    a.imginfo span {
    display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
    background: none; /* correction d'un bug IE */
    z-index: 999; /* 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é */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    background: #abc5e2;
    color: ffffff;
    padding: 3px;
    border: 0px solid grey;
    border-left: 2px solid #295b98;
    border-right: 2px solid #295b98;
    border-top: 2px solid #295b98;
    border-bottom: 2px solid #295b98;
    font-variant: small-caps;
    }


Votre code HTML n'est pas facile facile... J'ai corrigé pas mal de trucs déjà, à voir ce que ça donne maintenant :

Code:

Il se peut qu'il y ai un problème car quand on compte dans votre code original, il y a 3 </tr> en trop. J'ai essayé de les trouver mais pas moyen.. La structure de votre table est à revoir complètemet

Enfin, essayez le code que je vous ai donné et dites moi s'il y a du changement ou pas

---

Ce qui suit en spoiler c'est une sauvegarde pour moi au cas où. N'en tenez pas compte

Spoiler:

Cordialement.

[tristan8]

Bonsoir Tech, tout d'abord merci de votre réponse, je commençais a désespérer. 

J'ai bien mis le premier code dans ma feuille de style CSS, effectivement c'est une bonne idée.

Concernant le code HTML, il n'y a rien dans le deuxième cadre ? Je crois que vous avez oublié le code car je ne vois rien.

et concernant le Spoilers, ok je n'y touche pas.

Merci de vous occuper de mon "cas".

[Tech]

Et je viens de supprimer il y a 10 minutes le code de mon fichier... Quel andouille je fais !

Essayez à tout hasard le code du spoiler alors

Cordialement.

[tristan8]

Le code du Spoilers ne fonctionne pas, tout est décalé.   

[Tech]

Vous n'auriez pas une capture d'écran du résultat normal que cela doit avoir ?

Cordialement.

[tristan8]

J'ai trouvé une ancienne capture (qui date d'1 an) on voit la PA mais je suppose que c'est mieux que rien. Depuis le panneau à changé (le staff notamment) mais la structure est restée là même.

Deux ascenseurs en haut a gauche, le staff en dessous.
En haut au milieu des liens menant vers le reglement, les inscriptions, les présentations (les 3 icones représentés) et en dessous le widget des sujets récents (qui je me souviens avait été difficile à intégrer) [on le voit dans la deuxième image]









En haut, deux onglet sous forme d'icone, l'oeil et le totem, et lorsqu'on clique dessus, ca renvoie à d'autres informations toujours sur la PA.

Merci

[tristan8]

Ps : Normalement lorsqu'on parcoure avec la souris un membre du staff, celui-ci s'agrandit et on y voit son avatar et la possibilité de lui envoyer directement un MP où de voir son profil.

Je donne le maximun d'infos pour vous aider.   

[tristan8]

Up du jour

merci de votre aide.

[tristan8]

bonjour, toujours personne pou m'aider à corriger le code ?   

[tristan8]

toujours personne depuis l'intervention de Tech ?   

[Tech]

Bonjour,

Comme prévu, mettez ce CSS (je l'ai un peu modifié) directement dans votre PA > Affichage > Couleurs > Feuille de style.

Code:

    /*--PA onglets--*/
    .paonglet
    {
    font-variant: small-caps;
    display:inline-block;
    margin-left:15px;
    margin-right:15px;
    cursor:pointer;
    text-align: center;
    }
    .paonglet:hover{
    font-weight: bold;
    }
    .paonglet_0
    {
    letter-spacing: 1px;
    }
    .paonglet_1
    {
    letter-spacing: 1px;
    }
    .contenu_paonglet
    {
    margin-top:-5px;
    padding: 7px;
    display:none;
    height: auto;
    text-align: justify;
    font-family: Tahoma, serif;
    color: #A34A3B;
    width: 930px;
    background-color: #abc5e2;
    border-left: 2px solid #295b98;
    border-top: 6px solid #295b98;
    border-right: 2px solid #295b98;
    border-bottom: 6px solid #295b98;
    -moz-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    margin:auto;
    }
    .case {
    padding-left: 10px;
    padding-right: 30px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-align: justify;
    }
    .navi {
    text-align: center;
    }
    #navig {
    padding-top: 20px;
    }
    #case {
    padding-top: 5px;
    }
    .scroll {
    text-align: justify;
    margin-left: 30px;
    border-left: 2px solid #295b98;
    border-right: 2px solid #295b98;
    border-top: 1px solid #295b98;
    border-bottom: 1px solid #295b98;
    height: 100px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    padding-left: 5px;
    padding-right: 5px;
    }
    a.imginfo div {
    display: none; /* on masque l'infobulle */
    }
    a.imginfo:hover {
    background: none; /* correction d'un bug IE */
    z-index: 999; /* 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 div {
    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é */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    background: #abc5e2;
    color: ffffff;
    padding: 3px;
    border: 0px solid grey;
    border-left: 2px solid #295b98;
    border-right: 2px solid #295b98;
    border-top: 2px solid #295b98;
    border-bottom: 2px solid #295b98;
    font-variant: small-caps;
    }

Après, utilisez cette page d'accueil, ça devrait fonctionner :

Code:

<script type="text/javascript">
    //<!--
    function change_paonglet(name)
    {
    document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
    document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
    document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
    document.getElementById('contenu_paonglet_'+name).style.display = 'block';
    anc_paonglet = name;
    }
    //-->
    </script>
<div class="paonglets" style="text-align: center;"><span class="paonglet_0 paonglet" id="paonglet_naruto" onclick="javascript:change_paonglet('naruto');"><img src="http://nsa28.casimages.com/img/2011/08/04/110804060900519299.png" alt="" border="0" /></span><span class="paonglet_0 paonglet" id="paonglet_news" onclick="javascript:change_paonglet('news');"><img src="http://i38.servimg.com/u/f38/16/88/79/68/ssw210.png" alt="" border="0" /></span><span class="paonglet_0 paonglet" id="paonglet_partenaires" onclick="javascript:change_paonglet('partenaires');"><img src="http://i38.servimg.com/u/f38/16/88/79/68/klw10.png" alt="" border="0" /></span>
</div>
<div class="contenu_paonglets" style="text-align: center;">
   <div class="contenu_paonglet" id="contenu_paonglet_naruto">
      <table class="table" style="width:350px;margin:auto;">
         <tbody>
            <tr>
               <td style="width: 350px;" id="navig">
                  <center>
                     <img src="http://nsa27.casimages.com/img/2011/08/02/110802094358440657.png" alt="" border="0" />
                  </center><br />
                  <div class="navi">
                     <form>
                        <span style="font-size: 13px;"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Bienvenue</option><option value="http://www.secretstorykohlanta.com/">Règlement Des Jeux</option><option value="http://www.secretstorykohlanta.com/register?tid=2726dcb50cb04a449fbb6d161ca5ee7e">Inscriptions</option><option value="http://www.secretstorykohlanta.com/f1-presentations-et-castings">Présentations et Casting</option><option value="http://www.secretstorykohlanta.com/f8-le-maitre-des-jeux-vous-parle">Le Maitre des Jeux vous Parle</option><option value="http://www.secretstorykohlanta.com/">Staff et Informations</option><option value="http://www.secretstorykohlanta.com/t3669-code-de-conduite-et-plagiat">Code de Conduite et Plagiat</option></select></span>
                     </form><br /><border="0" alt="CLASSEMENTS ET GAINS"><br /><br /></border="0">
                     <form style="">
                        <span style="font-size: 13px;"><select style="width: 153px;" onchange="location = this.options [this.selectedIndex].value"><option selected="selected">Bienvenue</option><option value="http://www.secretstorykohlanta.com/t26027-classement-general-des-candidats-du-site">Classement Général des Candidats</option><option value="http://www.secretstorykohlanta.com/f117-vainqueurs-des-saisons">Vainqueurs des Saisons du Web</option><option value="http://www.secretstorykohlanta.com/t7027-tableau-d-honneur-des-scores-dans-les-jeux">Tableau Des Scores et Couronnes</option><option value="http://www.secretstorykohlanta.com/t27404-inventaire-des-candidats">Inventaire des Candidats</option><option value="http://www.secretstorykohlanta.com/f167-les-gains">Les Gains</option></select></span>
                     </form><border="0" alt="CLASSEMENTS ET GAINS"></border="0">
                  </div>
               </td>
               <td style="width: 530px;" rowspan="3" class="case" id="case">
                  <center>
                     <img src="http://nsa30.casimages.com/img/2012/08/11//12081109351479345.jpg" alt="image bienvenue" border="0" />
                  </center><br />
                  <p align="center"><a href="http://www.secretstorykohlanta.com/" class="postlink"><img src="http://i48.servimg.com/u/f48/16/88/79/68/raglem10.gif" alt="" border="0" /></a><a href="http://www.secretstorykohlanta.com/register?tid=2726dcb50cb04a449fbb6d161ca5ee7e" class="postlink"><img src="http://i38.servimg.com/u/f38/16/88/79/68/inscri11.png" alt="" border="0" /></a><a href="http://www.secretstorykohlanta.com/f1-les-casting?tid=2726dcb50cb04a449fbb6d161ca5ee7e" class="postlink"><img src="http://i38.servimg.com/u/f38/16/88/79/68/castin10.png" alt="" border="0" /></a>
                  </p><br />
                  <center style="">
                     <div id="recent-topics">
                     </div>
                  </center><marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"><script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></marquee>
                  <p>
                  </p>
               </td>
            </tr>
            <tr>
               <td>
                  <center>
                     <img src="http://nsa28.casimages.com/img/2011/08/02/110802100052582931.png" alt="image staff" border="0" />
                  </center>
                  <center>
                     <table cellpadding="1" cellspacing="1">
                        <tbody>
                           <tr>
                              <td>
                                 <a class="imginfo"><img src="http://nsa34.casimages.com/img/2013/08/22/mini_130822110818375483.png" alt="Miniature Maestro" /><div>
                                 <table style="" border="0" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong>Maestro Del Juego</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Administrateur</strong></span></span><br />
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/1-11.png" alt="image grande Maestro" /></a>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;"><a href="http://www.secretstorykohlanta.com/privmsg?mode=post&u=1"><span style="color: rgb(0, 0, 0);">MP</span></a> - <a href="http://www.secretstorykohlanta.com/u1"><span style="color: rgb(0, 0, 0);">Profil</span></a><br /></span>
                                          </td>
                                       </tr>
                                       <tr align="center">
                                       </tr>
                                    </tbody>
                                 </table></div></a>
                              </td>
                              <td>
                                 <a class="imginfo"><img src="http://nsa33.casimages.com/img/2013/08/22/mini_130822110818639350.jpg" alt="Miniature Mike" /><div>
                                 <table style="" border="0" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong>Mike</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modérateur Principal et Designer</strong></span></span><br />
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/70-83.jpg" alt="image grande Mike" /></a>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;">
                                             </span>
                                          </td>
                                       </tr>
                                    </tbody>
                                 </table></div></a>
                              </td>
                              <td>
                                 <a class="imginfo"><img src="http://nsa33.casimages.com/img/2013/08/22/mini_13082211081941859.png" alt="Miniature Rose" /><div>
                                 <table style="" border="0" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong>Rose</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Designer Principale</strong></span></span><br />
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/237-91.png" alt="image grande Rose" /></a>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;"><br /></span>
                                          </td>
                                       </tr>
                                       <tr align="center">
                                       </tr>
                                    </tbody>
                                 </table></div></a>
                              </td>
                           </tr>
                           <tr>
                           </tr>
                           <tr>
                           </tr>
                           <tr>
                              <td>
                                 <a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_130908080717671151.jpg" alt="Miniature Camille" /><div>
                                 <table style="" border="0" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong>Camille</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modératrice</strong></span></span><br />
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <a class="imginfo"><img src="http://www.secretstorykohlanta.com/users/1111/18/54/80/avatars/44-93.jpg" alt="image grande Camille" /></a>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;">
                                             </span>
                                          </td>
                                       </tr>
                                    </tbody>
                                 </table></div></a>
                              </td>
                              <td>
                                 <a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_130908080717407681.jpg" alt="Miniature Quentin" /><div>
                                 <table style="" border="0" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong>Quentin</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modérateur</strong></span></span><br />
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/150-50.jpg" alt="image grande Quentin" /></a>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;">
                                             </span>
                                          </td>
                                       </tr>
                                    </tbody>
                                 </table></div></a>
                              </td>
                              <td>
                                 <a class="imginfo"><img src="http://nsa35.casimages.com/img/2013/09/08/mini_13090808144529315.jpg" alt="Miniature Anna" /><div>
                                 <table style="" border="0" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong>Anna</strong></span><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"><strong>Modératrice</strong></span></span><br />
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <a class="imginfo"><img src="http://r11.imgfast.net/users/1111/18/54/80/avatars/112-67.jpg" alt="image grande Anna" /></a>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;">
                                             </span>
                                          </td>
                                       </tr>
                                    </tbody>
                                 </table></div></a>
                              </td>
                              <td>
                                 <span>
                                 </span>
                                 <table style="" cellpadding="1" cellspacing="1">
                                    <tbody>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 13px;"><strong></strong><br /><span style="color: rgb(0, 0, 0);"><span style="font-size: 10px;"></span></span><br /></span>
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                          </td>
                                       </tr>
                                       <tr>
                                          <td style="text-align: center;">
                                             <span style="font-size: 10px;"><a href=""><span style="color: rgb(0, 0, 0);"></span></a> - <a href=""><span style="color: rgb(0, 0, 0);"></span></a><br /></span>
                                          </td>
                                       </tr>
                                       <tr align="center">
                                       </tr>
                                    </tbody>
                                 </table><span></span>
                              </td>
                           </tr>
                        </tbody>
                     </table>
                  </center>
               </td>
            </tr>
            <tr>
               <td>
                  <center>
                     <img src="http://nsa27.casimages.com/img/2011/08/02/110802105945325872.png" alt="" border="0" /><br /><a href="http://www.secretstorykohlanta.com/t29349-attention-au-plagiat-d-auteur"><img src="http://nsa22.casimages.com/img/2012/03/14/120314061914593305.jpg" alt="bouton Plagiat" border="0" /></a><br />
                  </center>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="contenu_paonglet" id="contenu_paonglet_news">
      <table>
         <tbody>
            <tr>
               <td style="width: 55%;" class="case" rowspan="2">
                  <center>
                     <img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br /><img src="http://i38.servimg.com/u/f38/16/88/79/68/ssw210.png" border="0" />
                  </center>
               </td>
               <td class="case">
                  <center>
                     <img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" border="0" /><br />
                  </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"><strong></strong><span style="color: RoyalBlue;"></span>* Actuellement Secret Story Web - Saison 3 - Theme 7 "Cagnotte de Popularité"<img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/2898436504.gif" /></marquee>
                  <p style="">
                     <br /><span style="color: crimson;"><strong>* James a été Éliminé</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/1569388408.gif" /><br />
                  </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
                  <p style="">
                     <br /><span style="color: SeaGreen;"><strong>* Plus que 7 Habitants encore en jeu !</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3730694423.gif" /><br /><br /><span style="color: blue;"><strong>* La Saison 2 a été Remportée par Mike.</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br /><span style="color: darkblue;"><strong>* La Saison 1 a été Remportée par Nicolas</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br />
                  </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
                  <center style="">
                     <img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" />
                  </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
               </td>
            </tr>
            <tr>
               <td class="case">
                  <center>
                     <br /><br /><br /><br /><br /><br />
                  </center>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="contenu_paonglet" id="contenu_paonglet_partenaires">
      <table>
         <tbody>
            <tr>
               <td style="width: 55%;" class="case" rowspan="2">
                  <center>
                     <img src="http://nsa27.casimages.com/img/2011/08/04/110804061635666750.png" /><br /><img src="http://i38.servimg.com/u/f38/16/88/79/68/klw10.png" alt="http://www.secretstorykohlanta.com/t6852-secret-story-web" border="0" /><br />
                  </center>
               </td>
               <td class="case">
                  <center>
                     <img src="http://img4.hostingpics.net/pics/958142imagederniresannonces2naruto.png" alt="" border="0" />
                  </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"><strong></strong><span style="color: RoyalBlue;"></span>* Actuellement Koh Lanta Web - Saison 3 : INSCRIPTIONS<img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/2898436504.gif" /><br /></marquee>
                  <p style="">
                     <br /><span style="color: crimson;"><strong>*</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/1569388408.gif" /><br />
                  </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
                  <p style="">
                     <br /><span style="color: SeaGreen;"><strong>* </strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3730694423.gif" /><br /><br /><span style="color: blue;"><strong>* La Saison 2 a été Remportée par Savanah.</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br /><span style="color: darkblue;"><strong>* La Saison 1 a été Remporté par Mike</strong></span><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><br /><br />
                  </p><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
                  <center style="">
                     <img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/111960193.gif" /><img src="http://r11.imgfast.net/users/1111/18/54/80/smiles/3302896797.gif" />
                  </center><marquee style="height: 50px;" class="scroll" behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()"></marquee>
               </td>
            </tr>
            <tr>
               <td class="case">
                  <center>
                     <br /><br /><br /><br /><br /><br />
                  </center>
               </td>
            </tr>
         </tbody>
      </table>
   </div><span class="postbody"></span>
</div><script type="text/javascript">
    //<!--
    var anc_paonglet = 'naruto';
    change_paonglet(anc_paonglet);
    //-->
    </script>

Je vous conseille d'éviter de toucher par la suite à votre PA avant que tout soit réglé

Cordialement.

[tristan8]

Bonjour Tech,  :thanks:  de votre nouvelle intervention. 


C'est beaucoup mieux au niveau du code, il n'est plus tout décalé vers la droite, en revanche ce n'est pas toujours ca :


Le code tire maintenant vers la longueur. J'ai dé-zoomé sur mon écran pour vous montrer a quel point il est long. Je "pense" mais je n'en suis pas certain, que c'est le code "des sujets récents" qui au lieu de défilé au centre, se met en entier sans défilement, (avec tous les sujets récents) et du coup décale tout vers le bas.




Ensuite, si je clique sur un des onglets, voici ce que ca m'affiche :



Tout est toujours décalé a l'intérieur.


Si vraiment personne n'arrive à me résoudre ce code qui a sauté à cause de la modification de l'éditeur, j'aimerai si possible au moins avoir ce code là "simplifié". Pas besoin a ce qu'il soit comme avant si ce n'est pas faisable, mais au moins que j'ai une base a afficher et que le plus gros du code soit sauvé.


Je constate tout de même qu'il y a du mieux grâce à Tech. On y arrive presque....


Merci.

[tristan8]

Bonsoir, up du jour.

Merci de l'aide apportée 

[tristan8]

Bonsoir, up du jour.

Merci de votre aide. On y était presque.   

[Lixyr]

Bonsoir.

Comment c'est disposé normalement dans les onglets ?

[tristan8]

Bonsoir Lixyr,

Dans le dernier message où j'ai fait apparaitre les 2 captures d'écran suite au dernier code que m'a fourni Tech :

Selon mon avis :

- Dans la première image, on voit que le code est bon, tout a été remis en ordre MAIS les sujets récents ne défilent plus et se mettent en entier (20) du coup le code est tout décalé vers le bas, et ca tire le panneau vers le bas. Je pense que rectifier le code des "sujets récents" (je sais pas où est le problème...) permettrait que tout soit en ordre.

- Dans la deuxième image, on voit le résultat lorsqu'on clique sur un onglet. Je ne sais pas du tout, si l'intérieur qu'on voit est décalé à cause du code "des sujets récents" (je ne sais pas) mais peut être que le résoudre, rectifiera ce qu'il y a l'intérieur ? Sinon pour répondre a votre question, à l'intérieur des onglets ca doit être tout simple, à gauche, la note importante (avec l'oeil) comme on peut le voir, et sur la droite, un petit cadre (un seul et pas 4 comme on peut le voir). Dans ce petit cadre, les dernières annoncent défilent sous forme de phrase (de bas en haut) avec quelques smileys. Quand je parle de phrases, ce sont des phrases écritent par moi dans le code, rien à voir avec le code des sujets récents de la première image. Il n'y a rien de plus dans cet onglet. Puis dans le deuxième onglet (celui de koh lanta web et du totem), exactement la même chose.

Je trouve que par rapport à ce que le code était (tout décalé par la modification de l'éditeur), Tech a vraiment rectifié le tir. Il ne reste plus que quelques soucis de "mises en forme" car l'aspect général y est.

Merci de votre implication.   

[tristan8]

up du jour.

Merci de l'aide apporté......

[Lixyr]

- Dans la première image, on voit que le code est bon, tout a été remis en ordre MAIS les sujets récents ne défilent plus et se mettent en entier (20) du coup le code est tout décalé vers le bas,

Je n'ai pas les sujets récents pour ma part.
Je pourrais avoir le code que vous avez en ce moment afin d'avoir tout le contenu ?

[tristan8]

Bonsoir,

Le code de ma page d'acceuil ? Je n'ai plus de page d'acceuil puisque c'est impossible de la mettre sans que tout soit décalé. Dans mon premier post, il y a le code d'avant et apres la modification. Les deux ont de toute facon était déformé au passage du nouvel éditeur. Au milieu, celui de Tech, qui comme je l'ai déjà dit a corrigé pas mal de choses, mais pas le problème des sujets récents.

A moins que vous me parliez du code des sujets récents ? Je comprends pas trop le code que vous demandez car j'ai déjà donné tous les codes dont vous avez besoin.  


Ps : si vous me parlez du dernier code qui a remis l'ensemble en ordre sauf le problème des sujets récents, et les onglets, il se trouve dans le dernier post de Tech.

[Lixyr]

J'ai bien le code de Tech, mais pas d'affichage des sujets récents.
Bon on va quand même réparer ça. Remettez votre code html, on va le réparer petit à petit.

Recherchez ceci dans le html :

<br />
<center style="">
<div id="recent-topics">
</div>
</center><marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"><script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></marquee>
<p>
</p>

et remplacez-le par :

Code:

<div id="recent-topics">
                     <marquee style="height: 200px;" behavior="text-align:center" "scroll"="" direction="up" scrollamount="2"><script type="text/javascript">jQuery.get('/portal.forum?pid=1',function(data){jQuery('#recent-topics').html(jQuery(data).find('#comments_scroll_div').html());});</script></marquee>
</div>

et dites-moi si ça s'affiche bien.

[tristan8]

Rebonsoir,

Même chose qu'avec le code de tech sauf que les sujets récents sont maintenant décentrés et sur la gauche.

[Lixyr]

Ouep, pour ma part, ça dégage tout et ça fait planter les info-bulles. ... ^^" Alors que j'ai juste supprimé les balises qui ne servaient à rien et les ai fermées dans l'ordre...

Ça vous dérange si je bidouille et que je code ça un peu plus proprement ? Ça évitera d'avoir des mauvaises surprises, et vous avez pas mal de choses un peu bizarres dans tout ça.

[tristan8]

Non pas du tout. Comme je l'ai dit, si ce n'est pas possible d'avoir ce que j'avais avant (car c'est vrai que l'éditeur a vraiment bouger le code...), au moins avoir une base que je puisse afficher, même si elle est plus simple que ce que j'avais. Ce sera mieux que de n'avoir rien.

Merci de votre investissement.  

[Lixyr]

Vous aurez la même chose. Mais en mieux.

Cependant, je travaille sur vos sujets récents, et en ayant bossé une heure dessus, je peux vous dire que le code donné autrefois pour faire défiler les sujets récents récupérés via le portail ne fonctionne plus. Enfin... j'ai réussi à faire défiler le tout je-ne-sais-pas-comment, mais ça s'arrête et ça bugg. Bref, ce n'est pas une super solution.
Je verrai donc ça après, le tout est pour l'instant sous scroll-barre.


(edit : et là il est 01:17 du matin, et comme j'ai une vie, je vais me coucher. ^^)