Problème sur plusieurs scripts

par Agogée Sam 20 Oct 2012 - 18:46

Bonjour !

j'ai créer un forum que je tente tant bien que mal d'améliorer. Le forum en question. J'ai recopié plusieurs script glanés à droite et à gauche. Globalement j'ai réussi la mise ne place, mais des problèmes de finition subsiste.

Problème sur plusieurs scripts Sans_t10

Comme vous pouvez voir sur le problème numéro 1 dont voici le script :

Code:: <ul> <li><a style="padding-left: 0px;"href="http://fr.wowhead.com"alt="Wowhead"><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/wowhea10.png"><img"alt="Wowhead">Wowhead</a></li> <li><a style="padding-left: 0px;"href="http://worldofwarcraft.judgehype.com/"alt="JudgeHype"><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/judgeh10.png">JudgeHype </a></li> <li><a style="padding-left: 0px;"href="http://www.curse.com/"alt="Curse"></li><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/curse10.png">Curse</a> <li><a style="padding-left: 0px;"href="http://www.millenium.org/wow/"alt="millénium"></li><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/millen10.jpg">Millénium</a></li> </ul>

Je n'arrive pas à centrer le texte par rapport à l'image. J'ai essayé d'insérer un justify de diverse manière ou un Vspace mais sans succès.

Pour le second problème, il est encore plus bête. Je souhaite avoir la même police sur "Recrutement" que "liens utiles", seulement je connais pas la police et j'ai peur que si j'en insère une spécifique certains utilisateur qui ne la posséderaient pas, voient une différence.

Le troisième problème concerne le même script, j'ai deux traits qui encadrent le tableau et qui dépassent ... Je souhaiterais que le tableau recrutement corresponde au flux RSS au dessus ou l'inverse ? (J'ai recopié et adapté le code javascript récupéré ici même)

Le scripte du tableau recrutement

Code:: </div> <div id="recrutement" class="bloc"> <div class="cont-bloc"> <div id="head-recr" class="haut-bloc"> <h2 class="titre-bloc"><a href="http://burstdps.forumgratuit.org/f4-recutement" title="Espace Recrutement sur le Forum">Recrutement</a></h2> </div> <hr> <table id="table2" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"><table id="table8" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/shaman10.png" border="0"></td> <td>Chaman :</td> </tr> </table></td> <td>Fermé</td> </tr> <tr> <td colspan="2"><table id="table3" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/hunter10.png" border="0"></td> <td>Chasseur :</td> </tr> </table></td> <td>Elevé</td> </tr> <tr> <td colspan="2"><table id="table3" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/deathk10.png" border="0"></td> <td>DK :</td> </tr> </table></td> <td>Fermé</td> </tr> <tr> <td colspan="2"><table id="table9" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/warloc10.png" border="0"></td> <td>Demoniste :</td> </tr> </table></td> <td>Elevé</td> </tr> <tr> <td colspan="2"><table id="table3" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/druid10.png" border="0"></td> <td>Druide :</td> </tr> </table></td> <td>Fermé</td> </tr> <tr> <td colspan="2"><table id="table10" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/warrio10.png" border="0"></td> <td>Guerrier :</td> </tr> </table></td> <td>Fermé</td> </tr> <tr> <td colspan="2"><table id="table4" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/mage10.png" border="0"></td> <td>Mage :</td> </tr> </table></td> <td>Fermé</td> </tr> <tr> <td colspan="2"><table id="table5" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/paladi10.png" border="0"></td> <td>Paladin :</td> </tr> </table></td> <td>Bas</td> </tr> <tr> <td colspan="2"><table id="table6" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/priest10.png" border="0"></td> <td>Pretre :</td> </tr> </table></td> <td>Fermé</td> </tr> <tr> <td colspan="2"><table id="table7" border="0"> <tr> <td><img src="http://i30.servimg.com/u/f30/11/30/28/87/rogue10.png" border="0"></td> <td>Voleur :</td> </tr> </table></td> <td>Fermé</td> </tr> </table> <hr>

Je joint un lien d'un autre site pour information Wraith, j'ai tenté d'adapter le tableau recrutement de ce site, je bute sur la mise en forme des rectangles rouge/orange/blanc. A cause de ce problème j'ai mis en place le précédent. Si jamais vous avez une idée, je suis preneur et pas fainéant !

Je vous remercie pas avance de vos lumières !

Cordialement Agogée !

par Agogée Dim 21 Oct 2012 - 17:40

Bonne nouvelle, j'ai résolu mon problème numéro 1. Voici le code si quelqu'un pouvait m'aider à le nettoyer, il m'a l'air un compliqué et obscure.

Code:: <ul> <li><a style="padding-left: 0px;"href="http://fr.wowhead.com"alt="Wowhead"><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/wowhea10.png" alt="Wowhead" style="vertical-align: middle; margin-right: 10px" >Wowhead</a></li> <li><a style="padding-left: 0px;"href="http://worldofwarcraft.judgehype.com"alt="JudgeHype"><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/judgeh10.png" style="vertical-align: middle; margin-right: 10px">JudgeHype </a></li> <li><a style="padding-left: 0px;"href="http://www.curse.com/"alt="Curse"></li><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/curse10.png" style="vertical-align: middle; margin-right: 10px; margin-top: 10px">Curse</a> <li><a style="padding-left: 0px;"href="http://www.millenium.org/wow/"alt="millénium" ></li><li><img src="http://i30.servimg.com/u/f30/11/30/28/87/millen10.jpg"style="vertical-align: middle; margin-right: 10px; margin-top: 10px">Millénium</a></li> </ul>

Je vais continuer à m'atteler aux autres si quelqu'un à une idée sur les problème suivant je suis preneur.

(Up déguisé)

par Agogée Lun 22 Oct 2012 - 19:23

Up et pas déguisé Very Happy

par Agogée Mer 24 Oct 2012 - 17:48

Up discret

par HeleneM Mer 24 Oct 2012 - 17:57

Bonjour je veux bien tenter de t'aider, qu'entends tu par nettoyer ton code ?

Je vais jeter un œil à celui du tableau, je te tiens au courant.
As tu le CSS correspondant à ton tableau ?

par Scoubifitz Mer 24 Oct 2012 - 18:30

bonjour,

pour le problème n°1 :

Code:: <ul style="line-height:30px;"> <li><a href="http://fr.wowhead.com" alt="Wowhead"><img src="http://i30.servimg.com/u/f30/11/30/28/87/wowhea10.png" alt="Wowhead" style="vertical-align: middle; margin-right: 10px" >Wowhead</a></li> <li><a href="http://worldofwarcraft.judgehype.com" alt="JudgeHype"><img src="http://i30.servimg.com/u/f30/11/30/28/87/judgeh10.png" style="vertical-align: middle; margin-right:10px">JudgeHype</a></li> <li><a href="http://www.curse.com/" alt="Curse"><img src="http://i30.servimg.com/u/f30/11/30/28/87/curse10.png" style="vertical-align: middle; margin-right: 10px;">Curse</a></li> <li><a href="http://www.millenium.org/wow/" alt="millénium" ><img src="http://i30.servimg.com/u/f30/11/30/28/87/millen10.jpg" style="vertical-align: middle; margin-right:10px;">Millénium</a></li> </ul>

par Agogée Jeu 25 Oct 2012 - 17:13

Shimi a écrit:Bonjour je veux bien tenter de t'aider, qu'entends tu par nettoyer ton code ?

Je vais jeter un œil à celui du tableau, je te tiens au courant.
As tu le CSS correspondant à ton tableau ?

Merci beaucoup c'est sympas, concernant le tableau je n'ai rien d'autre que le code que j'ai mis au dessus dans mon 1er post. Je l'ai copié et adapter ( en gros changé les couleurs et liens images ).

A vrai dire j'ai essayé d'ajouter des lignes visibles de tableau en html, mais c'est juste moche.

par Agogée Jeu 25 Oct 2012 - 17:18

Scoubifitz a écrit:bonjour,

pour le problème n°1 :

Code:
<ul style="line-height:30px;"> <li><a href="http://fr.wowhead.com" alt="Wowhead"><img src="http://i30.servimg.com/u/f30/11/30/28/87/wowhea10.png" alt="Wowhead" style="vertical-align: middle; margin-right: 10px" >Wowhead</a></li> <li><a href="http://worldofwarcraft.judgehype.com" alt="JudgeHype"><img src="http://i30.servimg.com/u/f30/11/30/28/87/judgeh10.png" style="vertical-align: middle; margin-right:10px">JudgeHype</a></li> <li><a href="http://www.curse.com/" alt="Curse"><img src="http://i30.servimg.com/u/f30/11/30/28/87/curse10.png" style="vertical-align: middle; margin-right: 10px;">Curse</a></li> <li><a href="http://www.millenium.org/wow/" alt="millénium" ><img src="http://i30.servimg.com/u/f30/11/30/28/87/millen10.jpg" style="vertical-align: middle; margin-right:10px;">Millénium</a></li> </ul>

Merci beaucoup ! Je n'osais pas supprimer le padding, bien qu'il me semblait inutile, je vois que tu as supprimé la balise span et "image-title" pourrais-tu m'expliquer pourquoi ? Ou m'orienter sur une lecture, tant qu'à faire apprendre quelque chose. Merci en tout cas !

par Scoubifitz Jeu 25 Oct 2012 - 18:50

le "" n'a aucun intérêt si vous n'avez pas défini le style de la class image-title dans le CSS perso de votre forum ...

par HeleneM Jeu 25 Oct 2012 - 19:05

sur mon forum je n'ai pas ces bordures
En revanche je pense que ton code pourrait être plus simple, déjà en supprimant les class et id puisque tu n'utilise pas de CSS

édit:
pour la taille des bordures essaye de mettre <hr width="250px"/> au lieu de <hr> change le nombre en fonction de la taille souhaité, je suis en train de regarder pour alléger ton code.

par Agogée Jeu 25 Oct 2012 - 19:29

Scoubifitz a écrit:le "" n'a aucun intérêt si vous n'avez pas défini le style de la class image-title dans le CSS perso de votre forum ...

Si je comprends bien "image-title" correspond à une information complémentaire à l'image ou au lien ?

par Agogée Jeu 25 Oct 2012 - 19:30

Shimi a écrit:sur mon forum je n'ai pas ces bordures
En revanche je pense que ton code pourrait être plus simple, déjà en supprimant les class et id puisque tu n'utilise pas de CSS

édit:
pour la taille des bordures essaye de mettre <hr width="250px"/> au lieu de <hr> change le nombre en fonction de la taille souhaité, je suis en train de regarder pour alléger ton code.

Merci je vais essayer ce que tu me dis !

par Agogée Jeu 25 Oct 2012 - 19:35

Merci Shimi ça marche !

Question supplémentaire, peut-on uniformiser la police du forum, je précise les widget que j'ai créé, disposent d'une police au niveau de leur titre différente de celle des autre widget propre au forum ?

par HeleneM Jeu 25 Oct 2012 - 19:52

Je t'en prie, j'ai allégé ton code j'ai enlevé les tableaux qui était dans le tableau principale et à la place j'ai mis valign="middle" dans img afin que le texte et l'image soient alignés, c'était bien ça le but ?

si tu le veux :

Code:: <h2><a href="http://burstdps.forumgratuit.org/f4-recutement" title="Espace Recrutement sur le Forum">Recrutement</a></h2> </div> <hr width="250px"/> <table border="0" cellpadding="0" cellspacing="0" width="250px"> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/shaman10.png" border="0"> Chaman : </td> <td width="110px"> Fermé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/hunter10.png" border="0"> Chasseur : </td> <td> Elevé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/deathk10.png" border="0"> DK : </td> <td> Fermé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/warloc10.png" border="0"> Demoniste : </td> <td> Elevé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/druid10.png" border="0"> Druide : </td> <td> Fermé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/warrio10.png" border="0"> Guerrier : </td> <td> Fermé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/mage10.png" border="0"> Mage : </td> <td> Fermé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/paladi10.png" border="0"> Paladin : </td> <td> Bas </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/priest10.png" border="0"> Pretre : </td> <td> Fermé </td> </tr> <tr> <td> <img valign="middle" src="http://i30.servimg.com/u/f30/11/30/28/87/rogue10.png" border="0"> Voleur : </td> <td> Fermé </td> </tr> </table> <hr width="250px"/>

Sinon pour répondre à ta question si tu n'a pas modifier la police de ton widget, c'est la police du forum par défaut, elle est choisie dans affichage=>couleur.

par Agogée Jeu 25 Oct 2012 - 20:23

Alors d'abord merci à tout les deux, merci beaucoup.

C'est que je recherchais dans le widget liens utiles et que j'avais résolu.

Il y a deux textes qui se suivent dans mon tableau le premier, exemple, "guerrier" ne l'est pas, le suivant "fermé" lui l'est. Ce n'est qu'un détail sur lequel je vais me pencher. (Sympas déjà le boulot que tu as fait.)

Par contre c'est tout à fait ça pour la tableau.

Pour la police je ne l'ai pas modifié. Je vais me pencher dessus aussi.

Je vais mettre résolu, vos interventions m'ont redonné du courage, merci et à bientôt !

par HeleneM Jeu 25 Oct 2012 - 21:13

de rien, si tu as d'autres problèmes n'hésite pas =)

Problème sur plusieurs scripts

Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts

Re: Problème sur plusieurs scripts