Fiche Postes Vacants

[malice1329]

Alors voila j'ai un problème sur mon forum, j'ai créer des fiches pour mes personnages, mais alors que j'essaie de les mettre pour faire une catégorie ils déforment ma page et ils se décallent. Je ne sais pas quoi faire pour modifier cela si quelqu'un peux m'aider ca serait génial. Je met en code la photo de mon problème expérant qu'on puisse m'aider.

Code:

http://i52.tinypic.com/2eyj4ut.jpg

Voici le code de mes fiches, si vous pourriez aussi me dire s'il y a une facon d'avoir un code moins long qui ferait la même chose je serais enchantée .

Code:

<center><font color="silver"><span style="font-size: 35px; text-shadow: #000000 2px 2px 2px;">♠♠</span><font face="Courier New"><span style="font-size: 50px; text-shadow: #000000 1px 1px 1px;"> Xavier</font> </span><br><span style="font-size: 35px; text-shadow: #000000 1px 1px 1px; "><font color="skyblue"><font face="Georgia"> Charles</font></span></font>
<div style="border-top: solid 3px; color: skyblue; width: 500px;></div><font color="silver"><span style="font-size: 10px;"><i>Feat James McAvoy</i></span></font>
</center>
<center><table width="650px"><tr><td><div class="h5"><img class="inc" src="http://i56.tinypic.com/10nwzcx.jpg"/></div></td><td><span class="styleinfo"><blockquote>      <DIV style="TEXT-ALIGN: center" align=center><blockquote</DIV><div style="width: 400px; background-color: #447788; border:2px #696969 solid; -moz-border-radius:20px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><table></td><td><div style="text-align:center;color: silver ; font-size: 20px; font-family: Georgia;font-style:italic;">Identité du Personnage</div><div style="background:silver; color : black; font-size: 10px; height: 3px; -moz-border-radius:8px"> [b]Free[/b] - Reserved - Busy</div>
<div style="padding-left:35px;padding-right:15px"><div style="width:300px;background-color:#447788;color: #66CCDD;">[justify][size=12]<span class="styleinfo">♠ pseudo :Professeur X</span>
<span class="styleinfo">♠ âge : 34 ans</span>
<span class="styleinfo">♠ date & lieu de naissance :Date inconnu//New-York</span>
<span class="styleinfo">♠ origine(s) & nationalité : Américaine</span>
<span class="styleinfo">♠ situation amoureuse : célibataire</span>
<span class="styleinfo">♠ caractère : Idéaliste, Protecteur //Altruiste, Cultivé// Consciencieux, Manipulateur</span>
<span class="styleinfo">♠ profession :Activiste des droits des mutants, généticien, professeur, ancien aventurier, ancien soldat</span>
<span class="styleinfo">♠ nature :Mutant</span>
<span class="styleinfo">♠ affiliation : X-Men</span>
<span class="styleinfo">♠ pouvoirs : - Peut lire les esprits et projeter ses propres pensées dans les esprits d’autres personnes, sur une portée d’environ 400 kilomètres.
-Peut effacer les souvenirs des gens
-Manipule psioniquement les esprits d’autres personnes
-Décharges d’énergie psionique
-Projection astrale
-Projection d'illusion
</span>
[/justify][/size]</div></div><center>
</td></table></div>
</table></blockquote></center></div></span>
<blockquote><DIV style="TEXT-ALIGN: center" align=center><blockquote</DIV><div style="width: 400px; background-color: #447788; border:2px #696969 solid; -moz-border-radius:20px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><table></td><td><div style="text-align:center;color: silver ; font-size: 20px; font-family: Georgia;font-style:italic;">Histoire du Personnage</div><div style="background:silver; color : black; font-size: 10px; height: 3px; -moz-border-radius:8px"></div>
<div style="padding-left:35px;padding-right:15px"><div style="width:300px;background-color:#447788;color: #66CCDD;">[justify][size=12]bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla[/justify][/size]</div></div><center>
</td></table></div>
</table></blockquote></center></div></span>
<center>[size=12]<div style="border: double 3px #C6E2FF;  width: 400px; -moz-border-radius : 10px"><div style="font-size: 30px; font-family: Times New Roman; font-style: italic; color: white; letter-spacing: -3px; background-color: #447788; text-shadow: 1px 1px 1px #000 ">Liens</font></font> </div>
<table cellspacing='10' ><tr><td><img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; "></td><td><b>Nom prénom</b><br>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla </td></tr><tr><td><img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; "></td><td><b>Nom prénom</b><br>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla </td></tr><tr><td><img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; "></td><td><b>Nom prénom</b><br>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla[/size] </td></tr></table></div></center>
[right][size=9]© CREDIT codes : XForce, Dakino de Twi-Art pour les liens et le titre. [/size][/right]

[Seriwyth]

Coucou!
Alors... J'ai juste repéré une balise qui n'était pas fermée, je t'envoie le résultat que j'ai... si on oublie le fait que les accents et le bbcode ne passe pas, est-ce que c'est à peu près ça ?
http://gharendar.forums-actifs.com/h5-fiche-pa

Sinon, c'est vrai qu'il y a moyen de faire un peu plus court, mais j'avoue avoir un peu la flemme de réfléchir là, je pourrai te faire ça dans la journée ^^
En attendant, voilà le code:

Code:

<center><font color="silver"><span style="font-size: 35px; text-shadow: #000000 2px 2px 2px;">♠♠</span><font face="Courier New"><span style="font-size: 50px; text-shadow: #000000 1px 1px 1px;">Xavier</font> </span><br><span style="font-size: 35px; text-shadow: #000000 1px 1px 1px; "><font color="skyblue"><font face="Georgia"> Charles</font></span></font><div style="border-top: solid 3px; color: skyblue; width: 500px;></div><font color="silver"><span style="font-size: 10px;"><i>Feat James McAvoy</i></span></font>
</center>
<center><table width="650px"><tr><td><div class="h5"><img class="inc" src="http://i56.tinypic.com/10nwzcx.jpg"/></div></td><td><span class="styleinfo"><blockquote>      <DIV style="TEXT-ALIGN: center" align=center><blockquote</DIV><div style="width: 400px; background-color: #447788; border:2px #696969 solid; -moz-border-radius:20px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><table></td><td><div style="text-align:center;color: silver ; font-size: 20px; font-family: Georgia;font-style:italic;">Identité du Personnage</div><div style="background:silver; color : black; font-size: 10px; height: 3px; -moz-border-radius:8px"><br><strong>Free</strong> - Reserved - Busy</div><br><div style="padding-left:35px;padding-right:15px"><div style="width:300px;background-color:#447788;color: #66CCDD;"><div align="justify"><span style="font-size: 12px; line-height: normal"><span class="styleinfo">♠ pseudo :Professeur X</span>
<span class="styleinfo">♠ âge : 34 ans</span>
<span class="styleinfo">♠ date & lieu de naissance :Date inconnu//New-York</span>
<span class="styleinfo">♠ origine(s) & nationalité : Américaine</span>
<span class="styleinfo">♠ situation amoureuse : célibataire</span>
<span class="styleinfo">♠ caractère : Idéaliste, Protecteur //Altruiste, Cultivé// Consciencieux, Manipulateur</span>
<span class="styleinfo">♠ profession :Activiste des droits des mutants, généticien, professeur, ancien aventurier, ancien soldat</span>
<span class="styleinfo">♠ nature :Mutant</span>
<span class="styleinfo">♠ affiliation : X-Men</span>
<span class="styleinfo">♠ pouvoirs : - Peut lire les esprits et projeter ses propres pensées dans les esprits d’autres personnes, sur une portée d’environ 400 kilomètres.
-Peut effacer les souvenirs des gens
-Manipule psioniquement les esprits d’autres personnes
-Décharges d’énergie psionique
-Projection astrale
-Projection d'illusion
</span>
</div></span></div></div><center>
</td></table></div>
</blockquote></center></div></span>
<blockquote><DIV style="TEXT-ALIGN: center" align=center><blockquote></DIV><div style="width: 400px; background-color: #447788; border:2px #696969 solid; -moz-border-radius:20px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><table></td><td><div style="text-align:center;color: silver ; font-size: 20px; font-family: Georgia;font-style:italic;">Histoire du Personnage</div><div style="background:silver; color : black; font-size: 10px; height: 3px; -moz-border-radius:8px"></div><div style="padding-left:35px;padding-right:15px"><div style="width:300px;background-color:#447788;color: #66CCDD;"><div align="justify"><span style="font-size: 12px; line-height: normal">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div></span></div></div><center>
</td></table></div>
</table></blockquote></center></div></span>
<center><span style="font-size: 12px; line-height: normal"><div style="border: double 3px #C6E2FF;  width: 400px; -moz-border-radius : 10px"><div style="font-size: 30px; font-family: Times New Roman; font-style: italic; color: white; letter-spacing: -3px; background-color: #447788; text-shadow: 1px 1px 1px #000 ">Liens</font></font> </div>
<table cellspacing='10' ><tr><td><img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; "></td><td><b>Nom prénom</b><br>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla </td></tr><tr><td><img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; "></td><td><b>Nom prénom</b><br>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla </td></tr><tr><td><img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; "></td><td><b>Nom prénom</b><br>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla</span> </td></tr></table></div></center>
<div align="right"><span style="font-size: 9px; line-height: normal"> CREDIT codes : XForce, Dakino de Twi-Art pour les liens et le titre. </span></div>

Bonne journée à toi =D

[ge80]

Bonjour

Une lecture rapide de votre code montre des balises ne respectant l'ouverture et la fermeture hiérarchisée

Ceci est permis

span -> ouverture1
table...-> ouverture2
/table -> fermeture2
/span-> fermeture1

mais ceci le l'est pas

span-> ouverture1
table-> ouverture2
/span-> fermeture1
/table-> fermeture2

je contrôle le reste...

une autre erreur

Code:

<table>
</td>

encore une

Code:

<blockquote</DIV>

il manque > aprés le blockquote


mélange de balise oubli de fermeture d'un blockquote

code proposé qui ne correspond certainement pas à ce que vous voulez mais qui ne devrez plus avoir d'erreurs.
Une prise de tête à la vue du mélange global

Code:

<center>
   <font color="silver">
   <span style="font-size: 35px; text-shadow: #000000 2px 2px 2px;">♠♠   </span>   <font face="Courier New">   <span style="font-size: 50px; text-shadow: #000000 1px 1px 1px;"> Xavier   </span></font>
   <br>
   <span style="font-size: 35px; text-shadow: #000000 1px 1px 1px; ">
   <font color="skyblue">   <font face="Georgia"> Charles   </font>   </font>
   </span>
   <div style="border-top: solid 3px; color: skyblue; width: 500px;>   </div>
   <font color="silver">
   <span style="font-size: 10px;">   <i>Feat James McAvoy</i></span>
   </font>
</center>
<center>
   <table width="650px">
   <tr>
      <td>
         <div class="h5">         <img class="inc" src="http://i56.tinypic.com/10nwzcx.jpg"/></div>
      </td>
      <td>
         <span class="styleinfo">
         <blockquote><DIV style="TEXT-ALIGN: center" align=center></blockquote>         </DIV>
         <div style="width: 400px; background-color: #447788; border:2px #696969 solid; -moz-border-radius:20px">
         <div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">
         <table>
         <tr>
            <td>
            <div style="text-align:center;color: silver ; font-size: 20px; font-family: Georgia;font-style:italic;">Identité du Personnage
            </div>
            <div style="background:silver; color : black; font-size: 10px; height: 3px; -moz-border-radius:8px">
               [b]Free[/b] - Reserved - Busy
            </div>
            <div style="padding-left:35px;padding-right:15px">
            <div style="width:300px;background-color:#447788;color: #66CCDD;">
            [justify]
            [size=12]
            <span class="styleinfo">♠ pseudo :Professeur X</span>
            <span class="styleinfo">♠ âge : 34 ans</span>
            <span class="styleinfo">♠ date & lieu de naissance :Date inconnu//New-York</span>
            <span class="styleinfo">♠ origine(s) & nationalité : Américaine</span>
            <span class="styleinfo">♠ situation amoureuse : célibataire</span>
            <span class="styleinfo">♠ caractère : Idéaliste, Protecteur //Altruiste, Cultivé// Consciencieux, Manipulateur</span>
            <span class="styleinfo">♠ profession :Activiste des droits des mutants, généticien, professeur, ancien aventurier, ancien soldat</span>
            <span class="styleinfo">♠ nature :Mutant</span>
            <span class="styleinfo">♠ affiliation : X-Men</span>
            <span class="styleinfo">♠ pouvoirs : - Peut lire les esprits et projeter ses propres pensées dans les esprits d’autres personnes, sur une portée d’environ 400 kilomètres.
            -Peut effacer les souvenirs des gens
            -Manipule psioniquement les esprits d’autres personnes
            -Décharges d’énergie psionique
            -Projection astrale
            -Projection d'illusion
            </span>
            [/justify]
            [/size]
            </div>
            </div>
            </td>
         </tr>
         </table>
         </div>      
         </div>
         </span>
      </td>      
   </tr>
   </table>
</center>
<center>
<blockquote>
<DIV style="TEXT-ALIGN: center" align=center></DIV>
<div style="width: 400px; background-color: #447788; border:2px #696969 solid; -moz-border-radius:20px">
<div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;">
<table>
   <tr>
      <td>
      <div style="text-align:center;color: silver ; font-size: 20px; font-family: Georgia;font-style:italic;">Histoire du Personnage</div>
      <div style="background:silver; color : black; font-size: 10px; height: 3px; -moz-border-radius:8px"></div>
      <div style="padding-left:35px;padding-right:15px">
      <div style="width:300px;background-color:#447788;color: #66CCDD;">
      [justify]
      [size=12]
      bla bla bla bla bla bla bla bla bla bla bla
      [/justify]
      [/size]
      </div>
      </div>
      </td>
   </tr>
</table>
</div>
</div>
</blockquote>
</center>
<center>
<div style="border: double 3px #C6E2FF;  width: 400px; -moz-border-radius : 10px">
<div style="font-size: 30px; font-family: Times New Roman; font-style: italic; color: white; letter-spacing: -3px; background-color: #447788; text-shadow: 1px 1px 1px #000 ">Liens
</div>
</font>
<table cellspacing='10' >
<tr>
   <td>
      <img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; ">
   </td>
   <td>
   <b>Nom prénom</b><br>bla bla blabla bla bla bla bla bla bla bla
   </td>
</tr>
<tr>
   <td>
      <img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; ">
   </td>
   <td>
      <b>Nom prénom</b>   <br>   bla bla blabla bla bla
   </td>
</tr>
<tr>
   <td>
      <img src="http://i26.tinypic.com/dr83mc.jpg" style="border:3px #C6E2FF double; -moz-box-shadow: 2px 1px 2px #000000;  -moz-border-radius : 10px; ">
   </td>
   <td>
      <b>Nom prénom</b>   <br>   [size=9]bla bla blabla bla bla bla bla bla bla bla   [/size]
   </td>
</tr>
</table>
</div>
</center>
[right][size=9] CREDIT codes : XForce, Dakino de Twi-Art pour les liens et le titre. [/size][/right]


J'ai galéré car vos balises manquantes font que j'ignore la mise en forme à obtenir donc je tente un respect des règles et vous direz si c'est correct.

Est-ce encore avec bogue ?

Ne pas tenir compte des espaces entre les zones (ceci vient de mes tabulations et mise en formes pour retrouver la bonne hiérarchie


Cordialement,
Ge

[malice1329]

Merci beaucoup a tout les deux, j'ai lu vos expliquations et j'ai pris un des deux codes proposées.

ge80, le code proposé fonctionne très bien et il est même un peu plus court que celui du début. Alors merci beaucoup, et il ne bogue plus grâce a vous.

Seriwyth, merci d'avoir proposé de faire un code plus simple, mais je crois pas en avoir besoin puisque celui proposé par ge80, fonctionne. Et je ne voudrais pas te faire travailler pour rien, a moins que vous pensiez qu'il y existe une facon plus courte que celle de ge80.

Si vous pensez que oui envoyer la par mp, car je vais mettre ce sujet résolu.

Merci encore à vous deux.