Problème avec le code de mon accueil

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

Résolu Problème avec le code de mon accueil

Message par emilie89500 le Sam 3 Nov 2012 - 10:43

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,


Dernière édition par emilie89500 le Sam 10 Nov 2012 - 22:16, édité 1 fois

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par Danux le Sam 3 Nov 2012 - 13:19

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. Smile

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. Razz

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

http://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par emilie89500 le Sam 3 Nov 2012 - 15:58

Bonjour,

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

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par emilie89500 le Dim 4 Nov 2012 - 17:17

up

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par emilie89500 le Lun 5 Nov 2012 - 16:26

up

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par Danux le Lun 5 Nov 2012 - 18:42

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.

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

http://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par emilie89500 le Ven 9 Nov 2012 - 21:35

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 (:

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par MlleAlys le Ven 9 Nov 2012 - 22:35

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 ^^"

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par emilie89500 le Sam 10 Nov 2012 - 1:19

Bonjour ou bonsoir,

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

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par Danux le Sam 10 Nov 2012 - 12:59

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. Smile

Danux
****

Masculin
Messages : 329
Inscrit(e) le : 22/07/2009

http://forum.forumactif.com/forum
Danux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le code de mon accueil

Message par emilie89500 le Sam 10 Nov 2012 - 22:16

Merci beaucoup ^^

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 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