Problème de tableau

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

Résolu Problème de tableau

Message par Ashlee le Lun 20 Juin 2011 - 20:05

Bonsoir à tous !
Cela fait une heure que je cherche comment résoudre mon problème, et je n'y arrive toujours pas ! >< Je m'explique : j'aimerais mettre les tableaux "Un bout d'histoireé et "Staff power" l'un à côté de l'autre, mais ... voici le résultat :



Mon code HTML :

Code:
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  10px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;"><div style="color: rgb(178, 163, 132); font-family: Georgia; font-size: 23px; letter-spacing: -2px; text-shadow: 0px 0px 1px rgb(99, 79, 61); text-transform: uppercase; text-align: center;">« Un peu d'infos »</div><table><tbody><tr><td align="left">◮ Ouverture officielle du forum le 23/04/2011, n'hésitez pas à nous rejoindre, on ne mords pas !<br>◮ Nous recherchons en priorités des personnages masculins, et d'ailleurs +15 points à chaque inscription masculine :D<br>◮ Les inscriptions pour le groupe des Lambda Tau Omega sont momentanément suspendues<br>◮ Ré-ouverture du forum après un hiatus prolongé</td></tr></tbody></table></div></td>
<td><div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  10px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;"><center><div style="color: #B2A384;font-family: Georgia;font-size:23px;LETTER-SPACING: -2px; text-shadow: #634F3D 0px 0px 1px;text-transform: uppercase;">« Nos amis »</div><table><tbody><tr><td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td><td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td><td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td> <td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td></tr></tbody></table></center></div></td>
</tr>
</tbody></table>






<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  10px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;"><div style="color: rgb(178, 163, 132); font-family: Georgia; font-size: 23px; letter-spacing: -2px; text-shadow: 0px 0px 1px rgb(99, 79, 61); text-transform: uppercase; text-align: center;">« Un bout d'histoire »</div><table><tbody><tr><td align="justify"><!-- HTML codes by Quackit.com -->
<marquee behavior="scroll" direction="up" onmouseover="this.stop();" onmouseout="this.start(); " scrollamount="2"><div align="justify"><div style="margin-right: 25px; margin-left: 25px;">Ah, l'intemporel conflit parents/adolescents … Il est bien impossible d'y échapper ! Les vœux d'indépendance et de liberté que font ces jeunes gens sont rarement pris au sérieux, et les mènent tout droit dans le mur, les remplissent de désillusion. Pourtant, il paraitrait que la période de l'adolescence serait la plus belle de toute une vie, alors pourquoi la gâcher ? Bienvenue à Dartmouth College, université très réputée des États-Unis, et membre de ce que l'on appelle l'Ivy League. Ici, seuls les élèves vraiment motivés – et sans se le cacher friqués – peuvent être admis. Mais une fois acceptés, c'est un nouveau monde qui s'ouvre à eux ! Entre les différents sports, confréries, clubs et cours proposés, il y en a pour tout les gouts ! Jamais sans rien à faire, un étudiant à Dartmouth peut s'épanouir aussi bien sur le plan émotionnel que social, et bien sûr éducatif. Ferez-vous partie de ces privilégiés, ces petits 7% d'admis par an ? Espérons, mais en tout cas une chose est sûre : si vous êtes admis à l'université, votre vie changera à jamais. Vous voulez un exemple ? Et bien … je cherche, je cherche … voilà ! Vous qui aviez l'habitude de vous lever tard le week-end, et bien c'est finit ! Maintenant, vous serez debout à 7 heures pour prendre votre petit-déjeuner super-protéiné avant de filer à votre entrainement de foot ou de cheer-leading (ou bien à votre club de chant, mais dans ce cas là les protéines sont facultatives). Aussi, finit les soirée plan-plan devant votre TV : ici, on est dehors presque tous les soirs, assistant à des soirées plus folles les unes que les autres, ou bien à des bizutages pas très catholiques … C'est ça la vie à Dartmouth, et vous n'êtes plus qu'à deux doigt de l'expérimenter !</div></div></marquee><br><br><div style="text-align: center;"><a href="http://wanna-be.forumactif.ws/t17-le-contexte-general">Je veux la suite !</a></div>
</td>
<td><div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  30px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;"><div style="color: rgb(178, 163, 132); font-family: Georgia; font-size: 23px; letter-spacing: -2px; text-shadow: 0px 0px 1px rgb(99, 79, 61); text-transform: uppercase; text-align: center;">« Team Power »</div>

<table border="0" cellpadding="1" cellspacing="1" width="70%"><tbody><tr><td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/dianna10.gif" class="borderimg"><span><div align="center"><i>Jayleen R. Hemingway</i><br><b>FONDATRICE</b>
<br>Présente</div>
<center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
<img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center>
</span></div> 
</td>
<td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/kaya_p11.gif" class="borderimg"><span><div align="center"><i>Lucie J. Cooper</i><br><b>ADMIN</b>
<br>Présente</div>
<center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
<img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center>
</span></div></td>
<td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/katie_11.gif" class="borderimg"><span><div align="center"><i>Emma R. Hilton</i><br><b>ADMIN</b>
<br>Présente</div>
<center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
<img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center>
</span></div> </td>
<td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/rachel10.gif" class="borderimg"><span><div align="center"><i>J. Pacific Wood</i><br><b>ADMIN</b>
<br>Présente</div>
<center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
<img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center></span></div> </td></tr></tbody></table></div></td>
</tr>
</tbody></table></div></td></tr></tbody></table>

Merci d'avance !


Dernière édition par Ashlee le Jeu 23 Juin 2011 - 16:31, édité 1 fois

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de tableau

Message par SoraNoHime le Lun 20 Juin 2011 - 20:40

Bonsoir,

vous avez-oublier de refermer le tableau dans la partie bout d'histoire.

Voici votre code :

Code:
    <table border="0" cellpadding="1" cellspacing="1" width="100%">
    <tbody><tr>
    <td>
   <div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  10px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;">
   <div style="color: rgb(178, 163, 132); font-family: Georgia; font-size: 23px; letter-spacing: -2px; text-shadow: 0px 0px 1px rgb(99, 79, 61); text-transform: uppercase; text-align: center;">« Un peu d'infos »</div>
   <table><tbody><tr><td align="left">◮ Ouverture officielle du forum le 23/04/2011, n'hésitez pas à nous rejoindre, on ne mords pas !<br>◮ Nous recherchons en priorités des personnages masculins, et d'ailleurs +15 points à chaque inscription masculine :D<br>◮ Les inscriptions pour le groupe des Lambda Tau Omega sont momentanément suspendues<br>◮ Ré-ouverture du forum après un hiatus prolongé</td>
   </tr></tbody></table>
   </div></td>
    <td>
   <div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  10px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;"><center><div style="color: #B2A384;font-family: Georgia;font-size:23px;LETTER-SPACING: -2px; text-shadow: #634F3D 0px 0px 1px;text-transform: uppercase;">« Nos amis »</div><table><tbody><tr><td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td><td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td><td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td> <td align="left"><div style="border: 2px #BE8D88 solid;width:80px;padding:3px; -moz-border-radius:8px;  "><center><img src="http://www.picdo.net/fichiers/2011/5/22/d018995d-94c9-4daa-81a9-cba7890dd65f_looking.jpg" alt="" border="0"></center></div> </td></tr></tbody></table></center></div></td>
    </tr>
    </tbody></table>






    <table border="0" cellpadding="1" cellspacing="1" width="100%">
    <tbody><tr>
    <td>
   <div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  10px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;">
   <div style="color: rgb(178, 163, 132); font-family: Georgia; font-size: 23px; letter-spacing: -2px; text-shadow: 0px 0px 1px rgb(99, 79, 61); text-transform: uppercase; text-align: center;">
   « Un bout d'histoire »</div>
   <table><tbody><tr><td align="justify"><!-- HTML codes by Quackit.com -->
    <marquee behavior="scroll" direction="up" onmouseover="this.stop();" onmouseout="this.start(); " scrollamount="2">
   <div align="justify">
   <div style="margin-right: 25px; margin-left: 25px;">Ah, l'intemporel conflit parents/adolescents … Il est bien impossible d'y échapper ! Les vœux d'indépendance et de liberté que font ces jeunes gens sont rarement pris au sérieux, et les mènent tout droit dans le mur, les remplissent de désillusion. Pourtant, il paraitrait que la période de l'adolescence serait la plus belle de toute une vie, alors pourquoi la gâcher ? Bienvenue à Dartmouth College, université très réputée des États-Unis, et membre de ce que l'on appelle l'Ivy League. Ici, seuls les élèves vraiment motivés – et sans se le cacher friqués – peuvent être admis. Mais une fois acceptés, c'est un nouveau monde qui s'ouvre à eux ! Entre les différents sports, confréries, clubs et cours proposés, il y en a pour tout les gouts ! Jamais sans rien à faire, un étudiant à Dartmouth peut s'épanouir aussi bien sur le plan émotionnel que social, et bien sûr éducatif. Ferez-vous partie de ces privilégiés, ces petits 7% d'admis par an ? Espérons, mais en tout cas une chose est sûre : si vous êtes admis à l'université, votre vie changera à jamais. Vous voulez un exemple ? Et bien … je cherche, je cherche … voilà ! Vous qui aviez l'habitude de vous lever tard le week-end, et bien c'est finit ! Maintenant, vous serez debout à 7 heures pour prendre votre petit-déjeuner super-protéiné avant de filer à votre entrainement de foot ou de cheer-leading (ou bien à votre club de chant, mais dans ce cas là les protéines sont facultatives). Aussi, finit les soirée plan-plan devant votre TV : ici, on est dehors presque tous les soirs, assistant à des soirées plus folles les unes que les autres, ou bien à des bizutages pas très catholiques … C'est ça la vie à Dartmouth, et vous n'êtes plus qu'à deux doigt de l'expérimenter !</div></div></marquee><br><br><div style="text-align: center;"><a href="http://wanna-be.forumactif.ws/t17-le-contexte-general">Je veux la suite !</a></div>
    </td></tr></tbody></table></td>
    <td>
   <div style="background-image: url(http://i20.servimg.com/u/f20/15/40/38/13/patter10.jpg);-moz-border-radius:  30px;-moz-box-shadow: #807356 0px 0px 3px;padding:5px;width:400px;color:#7a634f;margin-left:10px;">
   <div style="color: rgb(178, 163, 132); font-family: Georgia; font-size: 23px; letter-spacing: -2px; text-shadow: 0px 0px 1px rgb(99, 79, 61); text-transform: uppercase; text-align: center;">« Team Power »</div>

    <table border="0" cellpadding="1" cellspacing="1" width="70%"><tbody><tr><td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/dianna10.gif" class="borderimg"><span><div align="center"><i>Jayleen R. Hemingway</i><br><b>FONDATRICE</b>
    <br>Présente</div>
    <center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
    <img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center>
    </span></div>
    </td>
    <td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/kaya_p11.gif" class="borderimg"><span><div align="center"><i>Lucie J. Cooper</i><br><b>ADMIN</b>
    <br>Présente</div>
    <center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
    <img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center>
    </span></div></td>
    <td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/katie_11.gif" class="borderimg"><span><div align="center"><i>Emma R. Hilton</i><br><b>ADMIN</b>
    <br>Présente</div>
    <center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
    <img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center>
    </span></div> </td>
    <td><div class="imginfo"><img src="http://i23.servimg.com/u/f23/13/23/18/70/rachel10.gif" class="borderimg"><span><div align="center"><i>J. Pacific Wood</i><br><b>ADMIN</b>
    <br>Présente</div>
    <center>★ <a href="http://wanna-be.forumactif.ws/privmsg?mode=post&amp;u=1">contacter</a><br><br>
    <img src="http://f.deneige.free.fr/gifs/rachel_01.gif" class="imagewarp" style="width: 100px; height: 50px;" border="0"></center></span></div> </td></tr></tbody></table></div></td>
    </div></tr>
    </tbody></table>

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de tableau

Message par Ashlee le Jeu 23 Juin 2011 - 16:30

Oh, merci énormément !
CLOS;

Ashlee
***

Féminin
Messages : 155
Inscrit(e) le : 26/10/2009

http://bloodyfields.1fr1.net/
Ashlee 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