Problème avec le code de mon accueil

[emilie89500]

Bonjour ou bonsoir,

Je n'arrive pas a mettre un bloc à coter des autres :$ J'ai essayer plein de code et tout mais rien n'y fait il ne veux pas monter pour venir se coller aux autres.
Voici ce que sa me fait:


Le code:

Code:

<div style="width:740px;background: #efefef; text-align: center; "><br><table><tr><td><span style="margin-left:70px;text-align:center;white-space: nowrap;font-size:50px;color:white;font-family: georgia;">Bienvenue sur NomDuForum</span><br><span style="font-size:40px;color:white;font-family: georgia;">dear {USER&amp;#8288;NAME}</span><br><br>
</td></tr></table><table><tr><td><blockquote style="margin-left:10px;width:280px;height:290px;background-color:#e3e3e3;"><span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br>Saffs du forum</span><br><br>
<center><table><tr><td><div class="slidez"><p><div style="margin:auto;text-align:center;width:100%"><strong>Nom & Prénom</strong></div><table><tr><td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td><td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td></tr></table></p><img src="URLIMG265x50"></div></tr></td><tr><td><div class="slidez"><p><div style="margin:auto;text-align:center;width:100%"><strong>Nom & Prénom</strong></div><table><tr><td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td><td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td></tr></table></p><img src="URLIMG265x50"></div></td></tr><tr><td><div class="slidez"><p><div style="margin:auto;text-align:center;width:100%"><strong>Nom & Prénom</strong></div><table><tr><td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td><td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td></tr></table></p><img src="URLIMG265x50"></div></tr></td><tr><td><div class="slidez"><p><div style="margin:auto;text-align:center;width:100%"><strong>Nom & Prénom</strong></div><table><tr><td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td><td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td></tr></table></p><img src="URLIMG265x50"></div></tr></td></table></center></blockquote></td><br><td><blockquote style="margin-left:-500px;width:300px;height:290px;background-color:#e3e3e3;"><span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br>Mise en contexte</span><blockquote style="width:250px;height:260px;overflow:auto;"><div align="justify">Ouvert depuis le lundi 22 août 2011 à 13:28, http://ohmydollz.cultureforum.net/ est un forum d’entraide qui accompagne les dollz et futurs dollz tout au long de leurs vie de dollz sur OhMyDollz.com ! Vous trouverez toutes les astuces dont vous pourriez avoir besoin pour progresser plus rapidement sur le site. Il y a de tout pour rendre votre dollz encore plus jolie qu'elle ne l'est. Faites plein de rencontres et faites vous connaître par le biais de la Tchat Box. Devenez membre d'un des groupes proposés : Graphiste, Publiciteurs, etc... et faite vous important parmi nous sur le forum. Si vous avez des questions, le staff est à votre disposition pour y répondre ! Inscrivez-vous ! Et à bientôt sur le forum ! <div style="margin:auto;text-align:center;width:100%">▬ <a href="">MORE ?</a> ▬ </a <br><br><br> <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br>Navigation</span><br><br><a href="http://ohmydollz.cultureforum.net/t96-annonces-globales-important">RÈGLEMENT</a> ♦ <a href="http://ohmydollz.cultureforum.net/f12-presentez-vous">PRÉSENTEZ-VOUS</a> ♦ <a href="http://ohmydollz.cultureforum.net/f5-questions-reponses">QUESTIONS ET RÉPONSES</a> ♦ <a href="http://ohmydollz.cultureforum.net/f27-livre-d-or">LIVRE D'OR</a> </div>
</div></blockquote></td></tr>

<br><td><blockquote style="margin-left:570px;width:130px;height:290px;background-color:#e3e3e3;"><span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br>TITRE</span><blockquote style="width:130px;height:280px;overflow:auto;"><div align="justify">blablabla  <div style="margin:auto;text-align:center;width:100%"> <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br></span><br><br> </div>
</div></blockquote></blockquote></td></tr>

<tr><td><blockquote style="margin-left:10px;width:710px;height:90px;background-color:#e3e3e3;"><span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br>News et informations</span><br><br><marquee scrolldelay="130" onmouseover="this.stop();" onmouseout="this.start();" direction="up" height="40x;" width="650px;"><div align="justify">♦ Suspendisse sit amet malesuada dolor. Ut id erat risus. Etiam mollis gravida sodales.

♦ Balbla</div></marquee></blockquote></td>

Merci beaucoup,

[Danux]

Bonjour,

Il y a en effet plusieurs erreurs de "codage" dans votre code, notamment des balises mal placées (ex: des "/tr" avant des "/td", ou des "br" entre "/td" et "td", etc ...).

Je vous conseille de reprendre votre code en commençant par coder le tableau, sans le remplir.

Code:

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Ainsi vous avez déjà vos 3 colonnes sur une même rangée. Il ne reste plus qu'à les remplir avec votre contenu.

Je vous conseille de refaire pareil pour vos colonnes : commencez déjà par mettre uniquement la structure (le tableau vide), puis seulement après de remplir chaque case. Cela évitera d'avoir des problèmes avec le tableau.

[emilie89500]

Bonjour,

D'accord, merci beaucoup. Pouvez-vous me le faire ? :$

[emilie89500]

up

[emilie89500]

up

[Danux]

Bonjour,

Faute de temps, je n'ai pas pu revenir vers vous.
Alors le code corrigé :

Code:

<table cellpadding="0" cellspacing="0" border="0" align="center">
   <tr>
      <td>

<!-- Bloc de gauche -->

<blockquote style="width:280px;height:290px;background-color:#e3e3e3;">
   <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;">Saffs du forum</span>
   <br /><br />
   <table align="center">
      <tr>
         <td>
            <div class="slidez">
               <p>
                  <div style="margin:auto;text-align:center;width:100%">
                     <strong>Nom & Prénom</strong>
                  </div>
                  <table>
                     <tr>
                        <td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td>
                        <td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td>
                     </tr>
                  </table>
               </p>
               <img src="URLIMG265x50">
            </div>
         </td>
      </tr>
      <tr>
         <td>
            <div class="slidez">
               <p>
                  <div style="margin:auto;text-align:center;width:100%">
                     <strong>Nom & Prénom</strong>
                  </div>
                  <table>
                     <tr>
                        <td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td>
                        <td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td>
                     </tr>
                  </table>
               </p>
               <img src="URLIMG265x50">
            </div>
         </td>
      </tr>
      <tr>
         <td>
            <div class="slidez">
               <p>
                  <div style="margin:auto;text-align:center;width:100%">
                     <strong>Nom & Prénom</strong>
                  </div>
                  <table>
                     <tr>
                        <td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td>
                        <td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td>
                     </tr>
                  </table>
               </p>
               <img src="URLIMG265x50">
            </div>
         </td>
      </tr>
      <tr>
         <td>
            <div class="slidez">
               <p>
                  <div style="margin:auto;text-align:center;width:100%">
                     <strong>Nom & Prénom</strong>
                  </div>
                  <table>
                     <tr>
                        <td><a href="http://LIEN">FICHE</a> ♦ <a href="http://LIEN">MP</a></td>
                        <td><font color="lightgrey">________</font>«<span style="font-size: 10px; line-height: normal"><i>Petite phrase descriptive</i></span>»</td>
                     </tr>
                  </table>
               </p>
               <img src="URLIMG265x50">
            </div>
         </td>
      </tr>
   </table>
</blockquote>

<!-- Fin Bloc de gauche -->

      </td>
      <td>

<!-- Bloc du centre -->
<blockquote style="width:300px;height:290px;background-color:#e3e3e3;">
   <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;">Mise en contexte</span>
   <blockquote style="width:250px;height:260px;overflow:auto;">
      <div align="justify">
         Ouvert depuis le lundi 22 août 2011 à 13:28, http://ohmydollz.cultureforum.net/ est un forum d’entraide qui accompagne les dollz et futurs dollz tout au long de leurs vie de dollz sur OhMyDollz.com ! Vous trouverez toutes les astuces dont vous pourriez avoir besoin pour progresser plus rapidement sur le site. Il y a de tout pour rendre votre dollz encore plus jolie qu'elle ne l'est. Faites plein de rencontres et faites vous connaître par le biais de la Tchat Box. Devenez membre d'un des groupes proposés : Graphiste, Publiciteurs, etc... et faite vous important parmi nous sur le forum. Si vous avez des questions, le staff est à votre disposition pour y répondre ! Inscrivez-vous ! Et à bientôt sur le forum !
         <div style="margin:auto;text-align:center;width:100%">▬ <a href="">MORE ?</a> ▬ <br /><br /><br />
            <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"><br>Navigation</span>
            <br /><br />
            <a href="http://ohmydollz.cultureforum.net/t96-annonces-globales-important">RÈGLEMENT</a> ♦ <a href="http://ohmydollz.cultureforum.net/f12-presentez-vous">PRÉSENTEZ-VOUS</a> ♦ <a href="http://ohmydollz.cultureforum.net/f5-questions-reponses">QUESTIONS ET RÉPONSES</a> ♦ <a href="http://ohmydollz.cultureforum.net/f27-livre-d-or">LIVRE D'OR</a>
         </div>
      </div>
   </blockquote>
</blockquote>
<!-- Fin Bloc du centre -->

      </td>
      <td>

<!-- Bloc de droite -->
<blockquote style="width:130px;height:290px;background-color:#e3e3e3;">
   <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;">TITRE</span>
   <blockquote style="width:130px;height:280px;overflow:auto;">
      <div align="justify">
         blablabla
         <div style="margin:auto;text-align:center;width:100%">
            <span style="text-align:center;white-space: nowrap;font-size:25px;color:lightgrey;font-family: georgia;letter-spacing:1px;"></span>
            <br /><br />
         </div>
      </div>
   </blockquote>
</blockquote>
<!-- Fin Bloc de droite -->

      </td>
   </tr>
</table>

Il ne vous reste plus qu'à l'adapter à vos besoins.

Cordialement.

[emilie89500]

Merci beaucoup, je test le code immédiatement. Désoler de vous avoir répondu 4 jours après, je faisait mes devoirs car lundi c'est la reprise des cours :/



EDIT: Je n'arrive pas à faire en sorte que les blocs se rapproche car mon forum a une largeur de 750 px donc c'est trop grand.

Merci (:

[MlleAlys]

pourtant le premier bloc fait 280px, le deuxième 300, et le dernier 130, ce qui fait un total de 720px de large...

mais sinon tu peux changer les largeurs en px en largeurs en %, ou juste les diminuer de façon à ce que ça passe ^^"

[emilie89500]

Bonjour ou bonsoir,

Je vous met une prévisualisation de ce que cela me donne:

[Danux]

Il faut effectivement rajouter aux td les width= "280px", etc ... mais je crois que le problème ne vient pas de cela mais des marges qu'il y a sur vos blockquote.

Je vous conseille d'essayer de mettre dans le CSS de votre forum :

Code:

blockquote { margin: 0 auto; }

Et normalement, ceci devrait marcher.

[emilie89500]

Merci beaucoup ^^