Fiche Postes Vacants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fiche Postes Vacants

Message par malice1329 le Sam 11 Juin 2011 - 8:52

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]

malice1329
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 03/12/2009

http://marvel-dc-heroes.1fr1.net
malice1329 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Fiche Postes Vacants

Message par Seriwyth le Sam 11 Juin 2011 - 9:39

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 ? Wink
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

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 03/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Fiche Postes Vacants

Message par ge80 le Sam 11 Juin 2011 - 10:35

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 Wink


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 Wink


Cordialement,
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fiche Postes Vacants

Message par malice1329 le Dim 12 Juin 2011 - 5:49

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.

malice1329
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 03/12/2009

http://marvel-dc-heroes.1fr1.net
malice1329 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum