Problème de code HTML

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

Résolu Problème de code HTML

Message par lauraestate le Jeu 18 Aoû 2011 - 22:36

Bonsoir tout le monde.

Je vous annonce tout de suite que je ne sais absolument pas si ma requête rentre dans les fonctions du Forum des Forums actifs, et surtout si je la poste à cet endroit, mais j'essaie, et dites moi si je dois la supprimer ou la rediriger =)

Je refais le design de mon forum, comme souvent ; et je voudrai donc changer l'apparence de certains sujets permanents au sein de celui-ci. J'ai commencé une 'fiche' équine avec tout pleins de codes html pour faire zoly, mais le hic, c'est que les codes que j'ai du insérer sont mauvais étant donné que mon tableau n'est pas complet :

Spoiler:

Voici les codes :

Code:
[list][*]<div style=" -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; width:516px;"><div style="text-align:center;letter-spacing: -3px;font-family:arial black;font-size:29px;font-weight:bold; credit-site-css: mycandids.tk; color:#e0ceaa ;"> Ysanthem Kreisker</div><fieldset style="border: 5px solid #A88064; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px;"><table><tr> <td>[img]http://i10.servimg.com/u/f10/12/50/45/89/ysanth11.jpg[/img]</td></tr></table>[/list]<div><center><div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><br><justify><div style="margin: auto; text-align: center; width: 100%;"><center><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table width=100%][tr][td width=33%][b]Nom [/b]» Ysanthem
[b]Age [/b]» 6 ans
[b]Sexe [/b]» Hongre
[b]Race [/b]» Poney Français
[b]Taille [/b]» 1m48 garrot

[b]Prix [/b]» 10 000€
[b]Niveau exigé [/b]» Galop 5


[b][u]Demi-pension [/u][/b]
[center]Aucune[/center]
[b][u]Propriétaire [/u][/b]
[center]Seventh' H.[/center][/td][td width=66%][justify][u][b]Caractère[/b][/u]
Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin considère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu'il comprendra tout beaucoup plus vite ![/justify][/td][/tr][/table]</font><br><div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div></div></div>
<div><center><div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><br><justify><div style="margin: auto; text-align: center; width: 100%;"><center><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;"> [table width=100%][tr][td width=33%][b]Santé [/b]» 90%
[b]Moral [/b]» 90%
[b]Confiance [/b]» 40%[/td][td width=66%][table][tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
25%[/td][td]Franchise
20%[/td][td]Endurance
40%[/td][td][b][u]Total[/u]
28.5%[/b][/td][/tr][tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
15%[/td][td]Souplesse
28%[/td][td]Maniabilité
38%[/td][td][b][u]Total[/u]
27%[/b][/td][/tr][tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
42%[/td][td]Soumission
43%[/td][td]Décontraction
20%[/td][td][b][u]Total[/u]
35%[/b][/td][/tr][/table][/td][/tr][/table]</td></tr><tr><td>
[table][tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr][tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr][tr][td] [center]Prochaine visite 21/07/11[/center]
[/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le  11/03/11 [/center][/td][/tr][/table]
<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div></td></tr><tr><td>[table width=100%][tr][td width=33%]
[b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...

[b]Total des gains[/b]» ...[/td][td width=66%]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr][/table]
</font><br><div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div></div> </div>

Si quelqu'un pouvait m'aider sur la correction de ces codes ce serait génial, parce que j'ai tout fait poru y arriver mais mon apprentissage du html a désormais vu ses limites =)

Merci d'avance et bonne soiree a tous =)


Dernière édition par lauraestate le Sam 20 Aoû 2011 - 16:12, édité 1 fois

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de code HTML

Message par lauraestate le Ven 19 Aoû 2011 - 19:53

up =)

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de code HTML

Message par ge80 le Ven 19 Aoû 2011 - 19:56

Bonjour,

Je regarde votre code mais il n'est pas simple de le corriger sans savoir exact
la forme finale.
Votre image est peu explicite.

Des balises non fermées
Par exemple fieldset


Voir votre code avec tabulation





Code:
<ul>
   <br>
   <li><br>
   <div style=" -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; width:516px;">
      <br>
      <br>
      <br>
      <div style="text-align:center;letter-spacing: -3px;font-family:arial black;font-size:29px;font-weight:bold; credit-site-css: mycandids.tk; color:#e0ceaa ;">
         <br>
         <br>
         <br>
          Ysanthem Kreisker<br>
         <br>
      </div>
      <br>
      <br>
      <br>
      <fieldset style="border: 5px solid #A88064; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px;">
         <br>
         <br>
         <br>
         <table>
         <br>
         <br>
         <br>
         <tr>
            <br>
            <br>
            <br>
            <td>
               <br>
               <br>
               <br>
               <img src="http://i10.servimg.com/u/f10/12/50/45/89/ysanth11.jpg" border="0"><br>
               <br>
            </td>
            <br>
            <br>
            <br>
         </tr>
         <br>
         <br>
         <br>
         </table>
         <br>
         <br>
         <br>
      </fieldset>
      <br>
      <br>
      <br>
   </div>
   <br>
   <br>
   <br>
   </li>
   <br>
</ol>
<br>
<br>
<br>
<div>
   <br>
   <br>
   <br>
   <center><br>
   <br>
   <div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <justify><br>
      <br>
      <div style="margin: auto; text-align: center; width: 100%;">
         <br>
         <br>
         <br>
         <center><br>
         <br>
         <div style="text-align: center;" align="center">
            <br>
            <br>
            <br>
         </div>
         <br>
         <br>
         <br>
         <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
            <br>
            <br>
            <br>
            <div align="left">
               <br>
               <br>
               <br>
               <font style="color:#6A503E;font-size:17px;">[table width=100%]<br>
               <tr>
                  <br>
                   [td width=33%]<b>Nom </b>» Ysanthem <b>Age </b>» 6 ans <b>Sexe </b>» Hongre <b>Race </b>» Poney Français <b>Taille </b>» 1m48 garrot <b>Prix </b>» 10 000€ <b>Niveau exigé </b>» Galop 5 <b><u>Demi-pension </u></b><br>
                  <p align='center'>
                     <br>
                      Aucune<br>
                  </p>
                  <br>
                  <b><u>Propriétaire </u></b><br>
                  <p align='center'>
                     <br>
                      Seventh' H.<br>
                  </p>
                  <br>
                   [/td][td width=66%]<br>
                  <p align='justify'>
                     <br>
                     <u><b>Caractère</b></u> Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires.. ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre ! Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin considère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut.. Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu'il comprendra tout beaucoup plus vite !<br>
                  </p>
                  <br>
                   [/td]<br>
               </tr>
               <br>
                [/table]</font><br>
               <br>
               <br>
               <br>
               <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">
                  <br>
                  <br>
                  <br>
               </div>
               <br>
               <br>
               <br>
            </div>
            <br>
            <br>
            <br>
         </div>
         <br>
         <br>
         <br>
         <div>
            <br>
            <br>
            <br>
            <center><br>
            <br>
            <div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <br>
               <justify><br>
               <br>
               <div style="margin: auto; text-align: center; width: 100%;">
                  <br>
                  <br>
                  <br>
                  <center><br>
                  <br>
                  <div style="text-align: center;" align="center">
                     <br>
                     <br>
                     <br>
                  </div>
                  <br>
                  <br>
                  <br>
                  <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
                     <br>
                     <br>
                     <br>
                     <div align="left">
                        <br>
                        <br>
                        <br>
                        <font style="color:#6A503E;font-size:17px;"> [table width=100%]<br>
                        <tr>
                           <br>
                            [td width=33%]<b>Santé </b>» 90% <b>Moral </b>» 90% <b>Confiance </b>» 40%[/td][td width=66%]<br>
                           <table>
                           <br>
                           <tr>
                              <br>
                              <td>
                                 <br>
                                 <b><u>Cross</u></b><br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Vitesse 25%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Franchise 20%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Endurance 40%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                 <b><u>Total</u> 28.5%</b><br>
                              </td>
                              <br>
                           </tr>
                           <br>
                           <tr>
                              <br>
                              <td>
                                 <br>
                                 <b><u>Saut d'obstacle</u></b><br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Respect des barres 15%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Souplesse 28%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Maniabilité 38%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                 <b><u>Total</u> 27%</b><br>
                              </td>
                              <br>
                           </tr>
                           <br>
                           <tr>
                              <br>
                              <td>
                                 <br>
                                 <b><u>Dressage</u></b><br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Légèreté 42%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Soumission 43%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                  Décontraction 20%<br>
                              </td>
                              <br>
                              <td>
                                 <br>
                                 <b><u>Total</u> 35%</b><br>
                              </td>
                              <br>
                           </tr>
                           <br>
                           </table>
                           <br>
                            [/td]
                        </tr>
                        [/table]<br>
                        <br>
                     </td>
                     <br>
                     <br>
                     <br>
                  </tr>
                  <br>
                  <br>
                  <br>
                  <tr>
                     <br>
                     <br>
                     <br>
                     <td>
                        <br>
                        <br>
                        <br>
                        <table>
                        <br>
                        <tr>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                 <b>Dentiste</b><br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                 <b>Vétérinaire</b><br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                 <b>Ostéopathe</b><br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                 <b>Chuchoteur</b><br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                 <b>Maréchal</b><br>
                              </p>
                              <br>
                           </td>
                           <br>
                        </tr>
                        <br>
                        <tr>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Dernière visite 21/03/11<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Dernière visite 28/03/11<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Dernière visite 01/12/10<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Dernière visite le 05/05/10<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Dernière visite 01/12/10<br>
                              </p>
                              <br>
                           </td>
                           <br>
                        </tr>
                        <br>
                        <tr>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Prochaine visite 21/07/11<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Prochaine visite 28/05/11<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Prochaine visite 01/05/11<br>
                              </p>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                           </td>
                           <br>
                           <td>
                              <br>
                              <p align='center'>
                                 <br>
                                  Prochaine visite le 11/03/11<br>
                              </p>
                              <br>
                           </td>
                           <br>
                        </tr>
                        <br>
                        </table>
                        <br>
                        <br>
                        <br>
                        <div style="background:#927F60; width: 100%;">
                           <br>
                           <br>
                           <br>
                           <font size="1">...</font><br>
                           <br>
                        </div>
                        <br>
                        <br>
                        <br>
                     </td>
                     <br>
                     <br>
                     <br>
                  </tr>
                  <br>
                  <br>
                  <br>
                  <tr>
                     <br>
                     <br>
                     <br>
                     <td>
                        <br>
                        <br>
                        <br>
                         [table width="100%"]<br>
                        <tr>
                           <br>
                           <td>
                              <b>Cross </b>» ... <b>Obstacle </b>» ... <b>Dressage </b>» ... <b>Total des gains</b>» ...
                           </td>
                           <td>
                              <br>
                              <br>
                              <div style="width:100%;height:100px;overflow:auto;">
                                 <br>
                                 <br>
                                 <br>
                                 <u><b>Palmarès</b></u><br>
                                 <br>
                              </div>
                              <br>
                              <br>
                              <br>
                           </td>
                           <br>
                        </tr>
                        <br>
                         [/table] </font><br>
                        <br>
                        <br>
                        <br>
                        <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">
                           <br>
                           <br>
                           <br>
                        </div>
                        <br>
                        <br>
                        <br>
                     </div>
                     <br>
                     <br>
                     <br>
                  </div>
                  <br>
                  <br>
                  <br>

Vous pouvez voir qu'il vous manque des balises.

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: Problème de code HTML

Message par lauraestate le Ven 19 Aoû 2011 - 20:53

Arf le soucis c'est que là mes limites du html sont déjà au maximum. l'effet recherché parait simple dans ma tete : vous avez le cadre beige et l'encadrement rose pale qui s'arretent en dessous des capacités en %. J'aimerai que ces cadres beiges et roses pales descendent tout en bas, incluant les visites medicales et les palmares.. Que le tableau se prolonge et se finisse quoi..

Est ce que vous me suivez ?

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de code HTML

Message par ge80 le Ven 19 Aoû 2011 - 20:56

Oui mais il faut que je fasse des essais de dispositions car il manque quelques balises et certaines sont inter-mêlées Wink
Donc une belle prise de tête Wink

Réponse demain si personne d'autre ne vous a proposé une correction.

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: Problème de code HTML

Message par lauraestate le Ven 19 Aoû 2011 - 21:05

Merci c'est super gentil ! bonne soirée =)

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de code HTML

Message par ge80 le Sam 20 Aoû 2011 - 10:38

Le mélange des balises est pratiquement inextricable.

J'ai décomposé en trois morceaux.

Morceau 1
Code:
[list][*]<div style=" -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; width:516px;"><div style="text-align:center;letter-spacing: -3px;font-family:arial black;font-size:29px;font-weight:bold; credit-site-css: mycandids.tk; color:#e0ceaa ;"> Ysanthem Kreisker</div><fieldset style="border: 5px solid #A88064; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px;"><table><tr> <td>[img]http://i10.servimg.com/u/f10/12/50/45/89/ysanth11.jpg[/img]</td></tr></table></fieldset></div> [/list]


Morceau 2
Code:
<div style="background: none repeat scroll 0% 0% #A88064;-moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
<div style="margin: auto; text-align: center; width: 100%;"><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table cellspacing="1"]
[tr][td][b]Nom [/b]» Ysanthem
    [b]Age [/b]» 6 ans
    [b]Sexe [/b]» Hongre
    [b]Race [/b]» Poney Français
    [b]Taille [/b]» 1m48 garrot
    [b]Prix [/b]» 10 000€
    [b]Niveau exigé [/b]» Galop 5
    [b][u]Demi-pension [/u][/b]
    [center]Aucune[/center]
    [b][u]Propriétaire [/u][/b]
    [center]Seventh' H.[/center][/td][td][justify][u][b]Caractère[/b][/u]    Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires..    ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre !    Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par    l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin cons   idère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut..   Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu   'il comprendra tout beaucoup plus vite ![/justify]   [/td][/tr]
[/table]</font>
   <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">   </div>   </div>   </div>   <div>   <center>
   <div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px;    -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
   <div style="margin: auto; text-align: center; width: 100%;">   <center><div style="text-align: center;" align="center">
   </div>   <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
   <div align="left">
   <font style="color:#6A503E;font-size:17px;">
   [table cellspacing="1"]
[tr][td][b]Santé [/b]» 90%    [b]Moral [/b]»
 90%
    [b]Confiance [/b]» 40%[/td][td]   [table cellspacing="1"]
[tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
    25%[/td][td]Franchise
    20%[/td][td]Endurance
    40%[/td][td][b][u]Total[/u]
    28.5%[/b][/td][/tr]
[tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
    15%[/td][td]Souplesse
    28%[/td][td]Maniabilité
    38%[/td][td][b][u]Total[/u]
    27%[/b][/td][/tr]
[tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
    42%[/td][td]Soumission
    43%[/td][td]Décontraction
    20%[/td][td][b][u]Total[/u]
    35%[/b][/td][/tr]
[/table]
 [/td][/tr]
[/table]
 </div> </div></div></div></div></div></div>


Morceau 3
Code:
[table cellspacing="1"]
[tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr]
[tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr]
[tr][td] [center]Prochaine visite 21/07/11[/center]
[/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le  11/03/11 [/center][/td][/tr]
[/table]
<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div></td></tr><tr><td>[table cellspacing="1"]
[tr][td]
[b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...

[b]Total des gains[/b]» ...[/td][td]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr]
[/table]
</font><br><div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div></div> </div>

Quelle disposition voulez-vous ?
Quelles sont les erreurs de styles car plus de 50 balises étaient défectueuses (mal placées, non ouvertes, non fermées... erronées...) ?

Le mélange BBCODE et HTML rend votre code lourd à modifier.


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: Problème de code HTML

Message par lauraestate le Sam 20 Aoû 2011 - 13:11

Oula en effet, il y avait du gros boulot.. la premiere partie est super et est independante des deux autres. La deuxième est très bien. La troisième est 'vierge' et j'aimerai qu'elle soit intégrée dans le tableau comme pour la deuxième partie et donc que les parties 2 et 3 soient successives. Est-ce que je m'exprime bien ou ce n'est pas clair ?^^

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de code HTML

Message par ge80 le Sam 20 Aoû 2011 - 13:14

Je pense avoir compris.

Je propose une solution.
Code:
<div style="background: none repeat scroll 0% 0% #A88064;-moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><div style="margin: auto; text-align: center; width: 100%;"><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px;-moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table cellspacing="1"]
[tr][td][b]Nom [/b]» Ysanthem
    [b]Age [/b]» 6 ans
    [b]Sexe [/b]» Hongre
    [b]Race [/b]» Poney Français
    [b]Taille [/b]» 1m48 garrot
    [b]Prix [/b]» 10 000€
    [b]Niveau exigé [/b]» Galop 5
    [b][u]Demi-pension [/u][/b]
    [center]Aucune[/center]
    [b][u]Propriétaire [/u][/b]
    [center]Seventh' H.[/center][/td][td][justify][u][b]Caractère[/b][/u]    Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires..    ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre !    Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par    l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin cons   idère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut..   Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu   'il comprendra tout beaucoup plus vite ![/justify]   [/td][/tr][/table]</font>   <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">   </div>   </div>   </div>   <div>   <center>
   <div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px;    -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">
   <div style="margin: auto; text-align: center; width: 100%;">   <center><div style="text-align: center;" align="center">
   </div>   <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">
   <div align="left">
   <font style="color:#6A503E;font-size:17px;">
   [table cellspacing="1"][tr][td][b]Santé [/b]» 90%    [b]Moral [/b]»
 90%
    [b]Confiance [/b]» 40%[/td][td]   [table cellspacing="1"]
[tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
    25%[/td][td]Franchise
    20%[/td][td]Endurance
    40%[/td][td][b][u]Total[/u]
    28.5%[/b][/td][/tr]
[tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
    15%[/td][td]Souplesse
    28%[/td][td]Maniabilité
    38%[/td][td][b][u]Total[/u]
    27%[/b][/td][/tr]
[tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
    42%[/td][td]Soumission
    43%[/td][td]Décontraction
    20%[/td][td][b][u]Total[/u]
    35%[/b][/td][/tr][/table] [/td][/tr][/table] </div> </div></div></div></div>
 
[table cellspacing="1"][tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr]
[tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr][tr][td] [center]Prochaine visite 21/07/11[/center][/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le  11/03/11 [/center][/td][/tr][/table]<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div>[table cellspacing="1"][tr][td][b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...
[b]Total des gains[/b]» ...[/td][td]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr][/table]
<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div> </div></div>

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: Problème de code HTML

Message par lauraestate le Sam 20 Aoû 2011 - 14:24

Génial ! c'est casiment ca ! il faudrait plus que le cadre beige englobe tout le reste, c'est a dire qu'il s'étende sur toute la surface du carré rouge si possible ? :

Spoiler:

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de code HTML

Message par ge80 le Sam 20 Aoû 2011 - 14:59

Voici une nouvelle organisation.


Code:
<div style="background: none repeat scroll 0% 0% #A88064;-moz-box-shadow: 3px 3px 10px black; width: 515px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;"><div style="margin: auto; text-align: center; width: 100%;"><div style="text-align: center;" align="center"></div><div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px;-moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;"><div align="left"><font style="color:#6A503E;font-size:17px;">[table cellspacing="1"][tr][td][b]Nom [/b]» Ysanthem
    [b]Age [/b]» 6 ans
    [b]Sexe [/b]» Hongre
    [b]Race [/b]» Poney Français
    [b]Taille [/b]» 1m48 garrot
    [b]Prix [/b]» 10 000€
    [b]Niveau exigé [/b]» Galop 5
    [b][u]Demi-pension [/u][/b]
    [center]Aucune[/center]
    [b][u]Propriétaire [/u][/b]
    [center]Seventh' H.[/center][/td][td][justify][u][b]Caractère[/b][/u]    Ysanthem est un poney qui collectionne les bétises ; qu'elles soient volontaires..    ou pas ! Ce qui est sur, c'est qu'il vous énervera à un moment ou à un autre !    Ysanthem adore attirer l'attention, et pour lui, cela passe essentiellement par    l'actif. Fugitif des paddocks comme des boxs, ce poney on ne peux plus malin cons   idère qu'il est son seul maître et qu'il fait ce qu'il veut quand il veut où il veut..   Oui ca ne sera pa tous les jours facils. Il ne faudra simplement pas vous décourager. Ysanthem, une fois lassé, devient un adorable poney. Certes il continuera ses farces, mais si vous lui imposez le respect et des règles, il finira par vous écouter. Au travail il en est de même. Restez sur vos gardes les premières fois où vous le montrez, car il vous fera forcément un mauvais tours. Montrez lui la loi du plus fort, surtout par l'esprit, et vous verrez, qu   'il comprendra tout beaucoup plus vite ![/justify]   [/td][/tr][/table]</font>   <div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;">   </div>   </div>   </div>   <div>   <center>   <div style="background: none repeat scroll 0% 0% #A88064; -moz-box-shadow: 3px 3px 10px black; width: 515px;    -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; margin-right: 10px;">   <div style="margin: auto; text-align: center; width: 100%;">   <center><div style="text-align: center;" align="center">   </div>   <div style="border: 2px solid #977055; background-color: #e0ceaa; width: 450px; -moz-border-radius: 10px 10px 10px 10px; padding: 5px;color:#6A503E;font-family:Courier New;">   <div align="left">   <font style="color:#6A503E;font-size:17px;">    [table cellspacing="1"][tr][td][b]Santé [/b]» 90%    [b]Moral [/b]»
 90%
    [b]Confiance [/b]» 40%[/td][td]   [table cellspacing="1"]
[tr][td][b][u]Cross[/u][/b][/td][td]Vitesse
    25%[/td][td]Franchise
    20%[/td][td]Endurance
    40%[/td][td][b][u]Total[/u]
    28.5%[/b][/td][/tr]
[tr][td][b][u]Saut d'obstacle[/u][/b][/td][td]Respect des barres
    15%[/td][td]Souplesse
    28%[/td][td]Maniabilité
    38%[/td][td][b][u]Total[/u]
    27%[/b][/td][/tr]
[tr][td][b][u]Dressage[/u][/b][/td][td]Légèreté
    42%[/td][td]Soumission
    43%[/td][td]Décontraction
    20%[/td][td][b][u]Total[/u]
    35%[/b][/td][/tr][/table] [/td][/tr][/table] </div> [table cellspacing="1"][tr][td][center][b]Dentiste[/b] [/center][/td][td][center][b]Vétérinaire[/b] [/center][/td][td][center][b]Ostéopathe[/b][/center][/td][td][center][b]Chuchoteur[/b] [/center][/td][td][center][b]Maréchal[/b][/center][/td][/tr][tr][td][center]Dernière visite 21/03/11[/center][/td][td][center]Dernière visite 28/03/11 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][td][center]Dernière visite le 05/05/10 [/center][/td][td][center]Dernière visite 01/12/10 [/center][/td][/tr][tr][td] [center]Prochaine visite 21/07/11[/center][/td][td][center]Prochaine visite 28/05/11 [/center][/td][td][center]Prochaine visite 01/05/11[/center][/td][td][/td][td][center]Prochaine visite le  11/03/11 [/center][/td][/tr][/table]<div style="background:#927F60; width: 100%;">[size=1]...[/size]</div>[table cellspacing="1"][tr][td][b]Cross [/b]» ...
[b]Obstacle [/b]» ...
[b]Dressage [/b]» ...
[b]Total des gains[/b]» ...[/td][td]<div style="width:100%;height:100px;overflow:auto;">[u][b]Palmarès[/b][/u]</div>[/td][/tr][/table]<div align="justify" style="color:#6A503E;font-style:italic;font-family:Georgia;"></div>    </div>   </div></div></div></div></div>

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: Problème de code HTML

Message par lauraestate le Sam 20 Aoû 2011 - 16:12

c'est parfait ! merci beaucoup pour votre temps accordé, vraiment ! bonne fin de journée et bon weekend

lauraestate
**

Messages : 91
Inscrit(e) le : 18/12/2010

http://www.seventh-heaven-stables.com/
lauraestate 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