Problème code htlm page d'accueil

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

Résolu Problème code htlm page d'accueil

Message par shygirl le Dim 8 Aoû 2010 - 15:24

Bonjour à tous,

J'espère être au bon endroit, voilà j'ai un soucis avec mon code que j'ai mis en page d'accueil, je l'ai fait en copiant les codes un peu partout sur le forum car je suis pas doué pour en créer.
Mon soucis est que tout se mets l'un en dessous de l'autre j'arrive pas à mettre les titres côte à côte. De plus les écrits se mette à la taille de l'image et moi je les voudrais tous de la même taille bounce

Voici le lien du forum http://manga-mix.forumactif.com/forum.htm

Voici le code utilisé pour toute la page d'accueil

Spoiler:
<center><div style="background:#98B6B9; padding:2px; color: #000000; font-family: Terminator Two; font-size: 30px;">~ Bienvenue sur Manga-Mix forum de partage sur les mangas ~ <br>Restez avec nous vous ne le regretterez pas ^^</div></center>
<br><br>
<br><br><div style="float: left;"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzkyMzE4NzkzMjImcHQ9MTI3OTIzMTg5MTgyMCZwPTUzMTUxJmQ9Jmc9MSZvPTc1NzIzMDM*MTUzNzRmODY5MDVl/ZjM1MzI1MDVjOGE3.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="400" height="300" name="chat" FlashVars="id=103576643" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /></div><div style="float: right;"><object width="400" height="300"><param name="movie" value="http://www.youtube.com/v/-SlhhF_nA2o&amp;hl=fr_FR&amp;fs=1?rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-SlhhF_nA2o&amp;hl=fr_FR&amp;fs=1?rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="300"></embed></object></div>
<br><br>
<br><br><div style="float: left;"><table><td width: 200px;height: 200px;"><div style="background:#98B6B9; padding:5px; color: #0000000; font-family: Terminator Two; font-size: 16px;"><div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>NOUS LIER</b></div></div><blockquote><div align="justify"><span style="font-size: 10px; line-height: normal"><a href="http://manga-mix.forumactif.com/forum.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/nouslier.jpg" border="0" alt="" /></a><a href="http://manga-mix.forumactif.com/forum.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/nouslier-1.png" border="0" alt="" /></a> </div></span></div></blockquote></td></table>
<br><br><div style="float: right;"><table><td width: 200px;height: 200px;"><div style="background:#98B6B9; padding:5px; color: #000000; font-family: Terminator Two; font-size: 16px;"><div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>PARTENAIRE</b></div></div></div><blockquote><div align="justify"><span style="font-size: 10px; line-height: normal"><MARQUEE behavior="scroll" direction="down" height="120" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'><a href="http://wolfontrack.frenchboard.com/index.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/wolf_2c_2561.png" border="0" alt="" /></a> </MARQUEE></span></div></blockquote></td></table>

Si quelqu'un peu me corriger se serait bien merci

shygirl
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 03/08/2010

http://manga-mix.forumsactifs.com/index.htm
shygirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code htlm page d'accueil

Message par PatMax le Dim 8 Aoû 2010 - 16:18

Dans ton tableau il faut créer des cellules et pas repéter tes tables.
Exemple:
Code:
<table ......>
<tr>
<td>Cellule de gauche</td><td>Cellule centrale G</td><td>Cellule centrale D</td><td>Cellule de droite></td>
</tr>
</table>

Chaque cellule comportant son propre texte bien évidemment.

PatMax
****

Messages : 495
Inscrit(e) le : 04/01/2009

http://www.patmax.info
PatMax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code htlm page d'accueil

Message par shygirl le Dim 8 Aoû 2010 - 17:40

Merci pour ton aide j'ai essayer de le faire ça se retrouve bien côte à côte maintenant mais c'est tout décaler rien n'est au même niveau donc j'ai dû encore faire une erreur

le nouveau code avec ce que tu m'as indiqué et ce que j'avais déjà

Spoiler:
<table>
<tr>
<td width: 200px;height: 200px;"><div style="background:#98B6B9; padding:5px; color: #0000000; font-family: Terminator Two; font-size: 16px;"><div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>NOUS LIER</b></div></div><blockquote><div align="justify"><span style="font-size: 10px; line-height: normal"><a href="http://manga-mix.forumactif.com/forum.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/nouslier.jpg" border="0" alt="" /></a><a href="http://manga-mix.forumactif.com/forum.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/nouslier-1.png" border="0" alt="" /></a> </div></span></div></blockquote></td>
<td width: 200px;height: 200px;"><div style="background:#98B6B9; padding:5px; color: #000000; font-family: Terminator Two; font-size: 16px;"><div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>PARTENAIRE</b></div></div></div><blockquote><div align="justify"><span style="font-size: 10px; line-height: normal"><MARQUEE behavior="scroll" direction="down" height="120" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'><a href="http://wolfontrack.frenchboard.com/index.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/wolf_2c_2561.png" border="0" alt="" /></a> </MARQUEE></span></div></blockquote></td><td width: 200px;height: 200px;"><div style="background:#98B6B9; padding:5px; color: #0000000; font-family: Terminator Two; font-size: 16px;"><div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>SORTIE ANIME</b></div></div><blockquote><div align="justify"><span style="font-size: 10px; line-height: normal"> <a href="http://kaf-team.eu/index.php?option=com_content&view=article&id=373&Itemid=100029" class="postlink" target="_blank">SENGOKU BASARA</a></div></span></div></blockquote></td></tr></table>

shygirl
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 03/08/2010

http://manga-mix.forumsactifs.com/index.htm
shygirl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code htlm page d'accueil

Message par PatMax le Lun 9 Aoû 2010 - 21:02

Il y avait quelques erreurs dans ton code que j'ai corrigé et j'y ai ajouter des valign="top" pour aligner tes cellules en haut.

Voila donc ton code modifié:
Code:
<table>
   <tr>
      <td width="200px" height="200px" valign="top">
         <div style="background:#98B6B9; padding:5px; color: #0000000; font-family: Terminator Two; font-size: 16px;">
            <div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>NOUS LIER</b></div>
         </div>
         <blockquote>
            <div align="justify">
               <span style="font-size: 10px; line-height: normal">
                  <a href="http://manga-mix.forumactif.com/forum.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/nouslier.jpg" border="0" alt="" /></a>
                  <a href="http://manga-mix.forumactif.com/forum.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/nouslier-1.png" border="0" alt="" /></a>
               </span>
            </div>
         </blockquote>
      </td>

      <td width="200px" height="200px" valign="top">
         <div style="background:#98B6B9; padding:5px; color: #000000; font-family: Terminator Two; font-size: 16px;">
            <div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>PARTENAIRE</b></div>
         </div>
         <blockquote>
            <div align="justify">
               <span style="font-size: 10px; line-height: normal">
                  <MARQUEE behavior="scroll" direction="down" height="120" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'>
                     <a href="http://wolfontrack.frenchboard.com/index.htm" class="postlink"><img src="http://i25.photobucket.com/albums/c67/HOZY72/wolf_2c_2561.png" border="0" alt="" /></a>
                  </MARQUEE>
               </span>
            </div>
         </blockquote>
      </td>
      
      <td width="200px" height="200px" valign="top">
         <div style="background:#98B6B9; padding:5px; color: #0000000; font-family: Terminator Two; font-size: 16px;">
            <div style="margin:auto;text-align:center;width:100%;border-bottom: 2px double #000000;"><b>SORTIE ANIME</b></div>
         </div>
         <blockquote>
            <div align="justify">
               <span style="font-size: 10px; line-height: normal">
                  <a href="http://kaf-team.eu/index.php?option=com_content&view=article&id=373&Itemid=100029" class="postlink" target="_blank">SENGOKU BASARA</a>
               </span>
            </div>
         </blockquote>
      </td>
   </tr>
</table>

PatMax
****

Messages : 495
Inscrit(e) le : 04/01/2009

http://www.patmax.info
PatMax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code htlm page d'accueil

Message par shygirl le Lun 9 Aoû 2010 - 21:56

C'est parfait merci beaucoup à toi maintenant je vais essayer de comprendre tout ça

merci encore Bravo2

shygirl
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 03/08/2010

http://manga-mix.forumsactifs.com/index.htm
shygirl 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