Problème apparence forum & problème code Javascript

[laureline57]

Bonjour,

J'ai un problème concernant l'apparence de mon forum : les catégories ne sont plus alignées et sont réduites par rapport à leurs tailles originelles.

Spoiler:

J'ai aussi un second soucis avec les codes Javascript : lorsque je tape ce code :

Code:

 jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 355px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><img src="http://i58.servimg.com/u/f58/17/30/23/07/lapin-11.png" border="0" alt="" />
 
</div></td><td style="vertical-align: bottom;"><img src="http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg\')?\'block\':\'none\';this.src=(this.src==\'http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg\')?\'http://i74.servimg.com/u/f74/17/30/23/07/68370711.png\':\'http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg\';"/></td></tr></table>'); } );


J'obtiens ceci :

Spoiler:

Me serais-je trompée dans le code ?

Merci à ceux qui voudront bien m'aider,
laureline57.

[Scoubifitz]

bonjour,

concernant le 1er problème , vous avez ouvert une "div" de 160px dans votre page d'accueil sans la refermer ...

Pour le 2e problème , à part que tout n'est pas codé sur une seule ligne , je ne vois pas le soucis ...

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 355px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><img src="http://i58.servimg.com/u/f58/17/30/23/07/lapin-11.png" border="0" alt="" /></div></td><td style="vertical-align: bottom;"><img src="http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg\')?\'block\':\'none\';this.src=(this.src==\'http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg\')?\'http://i74.servimg.com/u/f74/17/30/23/07/68370711.png\':\'http://i74.servimg.com/u/f74/17/30/23/07/50155712.jpg\';"/></td></tr></table>'); } );

[laureline57]

Bonsoir,

Merci pour votre réponse.

Savez vous comment modifier mon premier problème ? (Où dois-je aller pour y remédier).
Sinon pour mon second problème, j'ai recopié le code que vous m'avez donné mais j'obtiens le même résultat ...

laureline57.

[Scoubifitz]

Dans ce script :

Code:

<script type='text/javascript' src='http://parts.kuru2jam.com/js/wind_chime.js'></script>

il y a ceci à la fin :

Code:

//バナー用JS
function writeBanner(){
var html = "";
html += '<div style="width:160px;"><a href="http://parts.kuru2jam.com"><img src="http://parts.kuru2jam.com/js_banner/wind_chime_bana.gif" alt="くるくるパーツ 風鈴ブログパーツ すず風" border="0" style="margin-bottom:3px;"></a>';
// html += '<script type="text/javascript">google_ad_client = "ca-pub-4293409595872327";google_ad_slot = "7992673206";google_ad_width = 125;google_ad_height = 125;</script>';
// html += '<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div>';
document.write(html);
}
writeBanner();

Ce script insère une div contenant une bannière , mais comme les lignes 5 et 6 ne sont pas pris en compte , la "div"de fermeture en fin de ligne 6 ne l'est pas non plus ...

2 solutions : modifier le script en plaçant un </div> en fin de ligne 4 , juste après </a>

ou supprimer le script (qui sert peut-être encore à autre chose ...)


Pour le 2e problème , pourriez vous être plus précise ?

[laureline57]

Bonsoir,

Quelles templates faut-il modifier pour que je puisse corriger mon script ?

Pour mon second problème, j'ai inscris le code que vous m'avez donné dans la gestion des codes Javascript et le résultat que j'obtiens est une longue barre blanche horizontale sur toute la longueur du forum.
Je voudrais créer un panneau latéral coulissant comme dans ce tutoriel mais le résultat que j'obtiens est le même que sur la photo de mon premier poste.

[Scoubifitz]

 

Quelles templates faut-il modifier pour que je puisse corriger mon script ?

Ben ,le template dans lequel vous avez placé ce script ...

Je suppose par là que vous avez modifié vos templates pour insérer des scripts , et que ces scripts ne sont pas dans le panneau de la page d'accueil . ...

Pour mon second problème, j'ai inscris le code que vous m'avez donné dans la gestion des codes Javascript et le résultat que j'obtiens est une longue barre blanche horizontale sur toute la longueur du forum.
Je voudrais créer un panneau latéral coulissant comme dans ce tutoriel mais le résultat que j'obtiens est le même que sur la photo de mon premier poste.

Dans le script , il est demandé à ce que le fond du panneau coulissant soit blanc :

       jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 355px; height: 250px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><img src="https://i.servimg.com/u/f58/17/30/23/07/lapin-11.png" border="0" alt="" /></div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f74/17/30/23/07/50155712.jpg" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f74/17/30/23/07/50155712.jpg\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f74/17/30/23/07/50155712.jpg\')?\'https://i.servimg.com/u/f74/17/30/23/07/68370711.png\':\'https://i.servimg.com/u/f74/17/30/23/07/50155712.jpg\';"/></td></tr></table>'); } );

Si le problème se situe sur la largeur , vous avez demandé à ce que tous les tableaux soient larges de 93% , dans votre CSS ...

Tous les tableaux seront donc de cette largeur , même le panneau coulissant .

Extrait de votre code CSS :

Code:

table{
margin-left:auto;
margin-right:auto;
width:93%
}

[laureline57]

Bonjour,

Merci beaucoup, j'ai réussis à résoudre mes deux problèmes.