Ma Page d'accueil ne respecte pas ce qu'il y a dans les tableaux

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

Résolu Ma Page d'accueil ne respecte pas ce qu'il y a dans les tableaux

Message par Zombie Lane le Ven 18 Nov 2011 - 6:55

Bonjour voilà mon problème : la partie staff déborde dans la partie partenaire comme vous pouvez le voir ici : http://eat-my-neighbors.forumactif.com/ . Mais je ne trouve pas le problème... est-ce un problème avec le CSS? Je ne crois pas :3.

Voici mon codage :
Code:
<table width="100%" align="center" valign="top" border="0" cellpadding="5" cellspacing="5" style="background-image: url(http://img293.imageshack.us/img293/6418/howv.jpg); -moz-border-radius: 5px;-moz-box-shadow: 0px 0px 6px #32BA30;">
<tbody><tr align="top">

<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img444.imageshack.us/img444/83/storyx.png" style="margin-top: -10px;"></center><div style="text-align: center; margin-top: 5px; margin-bottom: 4px; color:#9C9C9C; padding: 2px;background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px;border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black;"><marquee scrollamount="1"style="height: 90px;" direction="up" onmouseover=this.stop(); onmouseout=this.start();><center>Londres, 2015...Quel beau merdier, une invasion zombie nous à laissé sur le cul! Autant dire que la hell's corporation a vraiment foutu la merde dans notre ville qui est à présent en quarantaine...Le commerce s'est estompé, à moins que vous vouliez marchander avec des morts vivants! Par contre vous pouvez en adopter un...héhé</center></marquee></div>
<center><strong><a href="-f1/-t1.htm">LIRE EN ENTIER</a></strong></center>

</div></td>

<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img210.imageshack.us/img210/2594/staffb.png" style="margin-top: -10px;"><br><br>
<a class="imginfo"><img class="fondstaff" src="http://img811.imageshack.us/img811/2204/stevh.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=1" class="postlink">Fondatrice</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c46ce58e9386nem.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=4" class="postlink">Aide Correction</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img339.imageshack.us/img339/2084/alexj.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=3" class="postlink">Co-Admin</a></center></span></a><br>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c46d19a7d4bbhel.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=12?sid=4bc9e83312ce3897e5ae01a85ab2b6dd" class="postlink">Codeuse</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img690.imageshack.us/img690/4019/staff2e.png" style="width: 70px; height: 30px;" border="0"><span><center>Libre</center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img690.imageshack.us/img690/4019/staff2e.png" style="width: 70px; height: 30px;" border="0"><span><center>Libre</center></span></a>
</div></center></td>

<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img690.imageshack.us/img690/4204/evenementt.png" style="margin-top: -10px;"><br>
<br><div style="background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px; border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black; padding: 4px;color:#9C9C9C; height: 90px;"><marquee scrollamount="1"style="height: 90px;" direction="up" onmouseover=this.stop(); onmouseout=this.start();><center>Bientôt un petit évènement.</center></marquee></div>
</div></center></td>
</tr>
<tr align="top">
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img441.imageshack.us/img441/8440/newsy.png" style="margin-top: -10px;"><br>
<br><div style="background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px; border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black; padding: 4px;color:#9C9C9C; height: 55px;"><marquee scrollamount="1"style="height: 50px;" direction="up" onmouseover=this.stop(); onmouseout=this.start();><center>Le FORUM EST ENFIN OPEEEN! <br> forum totalement yaoi/yuri/hentai. <br>Les relations sont de mise ici!</center></marquee></div><div align="left"><img src="http://img210.imageshack.us/img210/8130/firefox1t.png" style="margin-top: -20px;"></div>
</div></center></td>
<td valign="top" colspan="3" ><div class="Pa1" style="height:120px;">
<center><img src="http://img694.imageshack.us/img694/8567/partenairesa.png" style="margin-top: -10px;"><br><br>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c46c23153628part1.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://seaside.forumsactifs.net/" class="postlink" target="_blank">Seaside</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img834.imageshack.us/img834/1155/sev.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://sevensinscity.superforum.fr/forum.htm" class="postlink" target="_blank">Seven Sins City</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c48358eb3410bib.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://bibleblack-v2.forumsactifs.com/index.htm" class="postlink" target="_blank">Bible Black</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c485b3f2dbebzen.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://zenithofavalon.netboarder.com/" class="postlink" target="_blank">Zenith of Avalon</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c4897c102ab3nano.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://nano-roleplay.allgoo.net/forum.htm" class="postlink" target="_blank">Nano role-play</a></center></span></a><br>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c499766392f6from.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://www.from-dust-to-hell.com/index.php" class="postlink" target="_blank">From dust to hell</a></center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a><br>
○ <a href="http://eat-my-neighbors.forumactif.com/nos-z-amis-les-vivants-f40/">Plus?</a> ○ <a href="-f4/-t4.htm">Être partenaire</a> ○ <a href="-f4/-t5.htm">Nous lier</a> ○ <a href="-f4/-t36.htm">Notre fiche</a> ○
</div></center></td>
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img411.imageshack.us/img411/7838/navig.png" style="margin-top: -10px;"><br><br><div style="background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px; border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black; padding: 4px; height: 90px;"><a href="-f1/-t3.htm" class="menu3">Règlement;</a>
<a href="-f1/-t2.htm" class="menu3">Hell's Corporation;</a>
<a href="-f13/-t13.htm" class="menu3">Les fiches;</a>
<a href="-f8/-t10.htm" class="menu3">Description groupes;</a>
<a href="-f1/-t41.htm" class="menu3">Forum relationnel?;</a>
<a href="-f3/" class="menu3">Partie Invités;</a>
</div></center></td>
</tr>
</tbody></table>

Voilà, j'espère que vous pourrez m'aider.
Bonne journée.

Zombie Lane
Nouveau membre

Messages : 9
Inscrit(e) le : 05/08/2011

http://eat-my-neighbors.forumactif.com/
Zombie Lane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma Page d'accueil ne respecte pas ce qu'il y a dans les tableaux

Message par Invité le Ven 18 Nov 2011 - 10:11

Bonjour,

Vos images se positionnent les unes en dessous des autres, c'est ce qui pose problème. En créant des petits tableaux contenant vos images pour les aligner, il n'y a plus de soucis. Essayez comme ceci:
Code:
<table width="100%" align="center" valign="top" border="0" cellpadding="5" cellspacing="5" style="background-image: url(http://img293.imageshack.us/img293/6418/howv.jpg); -moz-border-radius: 5px;-moz-box-shadow: 0px 0px 6px #32BA30;">
<tbody><tr align="top">
 
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img444.imageshack.us/img444/83/storyx.png" style="margin-top: -10px;"></center><div style="text-align: center; margin-top: 5px; margin-bottom: 4px; color:#9C9C9C; padding: 2px;background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px;border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black;"><marquee scrollamount="1"style="height: 90px;" direction="up" onmouseover=this.stop(); onmouseout=this.start();><center>Londres, 2015...Quel beau merdier, une invasion zombie nous à laissé sur le cul! Autant dire que la hell's corporation a vraiment foutu la merde dans notre ville qui est à présent en quarantaine...Le commerce s'est estompé, à moins que vous vouliez marchander avec des morts vivants! Par contre vous pouvez en adopter un...héhé</center></marquee></div>
<center><strong><a href="-f1/-t1.htm">LIRE EN ENTIER</a></strong></center>
 
</div></td>
 
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img210.imageshack.us/img210/2594/staffb.png" style="margin-top: -10px;"><br><br>
<table><tr><td>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c46ce58e9386nem.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=4" class="postlink">Aide Correction</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img339.imageshack.us/img339/2084/alexj.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=3" class="postlink">Co-Admin</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c46d19a7d4bbhel.jpg" style="width: 70px; height: 30px;" border="0"><span><center><a href="http://eat-my-neighbors.forumactif.com/msg.forum?mode=post&u=12?sid=4bc9e83312ce3897e5ae01a85ab2b6dd" class="postlink">Codeuse</a></center></span></a>
</td></tr><tr><td>
<a class="imginfo"><img class="fondstaff" src="http://img690.imageshack.us/img690/4019/staff2e.png" style="width: 70px; height: 30px;" border="0"><span><center>Libre</center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img690.imageshack.us/img690/4019/staff2e.png" style="width: 70px; height: 30px;" border="0"><span><center>Libre</center></span></a>
</td></tr></table></center></div></td>
 
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img690.imageshack.us/img690/4204/evenementt.png" style="margin-top: -10px;"><br>
<br><div style="background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px; border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black; padding: 4px;color:#9C9C9C; height: 90px;"><marquee scrollamount="1"style="height: 90px;" direction="up" onmouseover=this.stop(); onmouseout=this.start();><center>Bientôt un petit évènement.</center></marquee></div>
</div></center></td>
</tr>
<tr align="top">
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img441.imageshack.us/img441/8440/newsy.png" style="margin-top: -10px;"><br>
<br><div style="background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px; border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black; padding: 4px;color:#9C9C9C; height: 55px;"><marquee scrollamount="1"style="height: 50px;" direction="up" onmouseover=this.stop(); onmouseout=this.start();><center>Le FORUM EST ENFIN OPEEEN! <br> forum totalement yaoi/yuri/hentai. <br>Les relations sont de mise ici!</center></marquee></div><div align="left"><img src="http://img210.imageshack.us/img210/8130/firefox1t.png" style="margin-top: -20px;"></div>
</div></center></td>
<td valign="top" colspan="3" ><div class="Pa1" style="height:120px;">
<center><img src="http://img694.imageshack.us/img694/8567/partenairesa.png" style="margin-top: -10px;"><br><br>
<table><tr><td><a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c46c23153628part1.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://seaside.forumsactifs.net/" class="postlink" target="_blank">Seaside</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img834.imageshack.us/img834/1155/sev.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://sevensinscity.superforum.fr/forum.htm" class="postlink" target="_blank">Seven Sins City</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c48358eb3410bib.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://bibleblack-v2.forumsactifs.com/index.htm" class="postlink" target="_blank">Bible Black</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c485b3f2dbebzen.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://zenithofavalon.netboarder.com/" class="postlink" target="_blank">Zenith of Avalon</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c4897c102ab3nano.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://nano-roleplay.allgoo.net/forum.htm" class="postlink" target="_blank">Nano role-play</a></center></span></a>
</td></tr><tr><td>
<a class="imginfo"><img class="fondstaff" src="http://host.image.files.free.fr/host/4c499766392f6from.jpg" style="width: 28px; height: 28px;" border="0"><span><center><a href="http://www.from-dust-to-hell.com/index.php" class="postlink" target="_blank">From dust to hell</a></center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
</td><td>
<a class="imginfo"><img class="fondstaff" src="http://img256.imageshack.us/img256/5436/parten1.png" style="width: 28px; height: 28px;" border="0"><span><center>Libre</center></span></a>
</td></tr></table><br>
? <a href="http://eat-my-neighbors.forumactif.com/nos-z-amis-les-vivants-f40/">Plus?</a> ? <a href="-f4/-t4.htm">Être partenaire</a> ? <a href="-f4/-t5.htm">Nous lier</a> ? <a href="-f4/-t36.htm">Notre fiche</a> ?
</div></center></td>
<td valign="top" width="200px" colspan="3"><div class="Pa1" style="height:120px;">
<center><img src="http://img411.imageshack.us/img411/7838/navig.png" style="margin-top: -10px;"><br><br><div style="background-image: url(http://img25.imageshack.us/img25/7043/fondcontex.png);-moz-border-radius : 5px 5px 5px 5px; border-top: 1px solid black;border-bottom: 1px solid black;border-left: 4px solid black;border-right: 4px solid black; padding: 4px; height: 90px;"><a href="-f1/-t3.htm" class="menu3">Règlement;</a>
<a href="-f1/-t2.htm" class="menu3">Hell's Corporation;</a>
<a href="-f13/-t13.htm" class="menu3">Les fiches;</a>
<a href="-f8/-t10.htm" class="menu3">Description groupes;</a>
<a href="-f1/-t41.htm" class="menu3">Forum relationnel?;</a>
<a href="-f3/" class="menu3">Partie Invités;</a>
</div></center></td>
</tr>
</tbody></table>
Cordialement.

Invité
Invité


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

Résolu Re: Ma Page d'accueil ne respecte pas ce qu'il y a dans les tableaux

Message par Zombie Lane le Ven 18 Nov 2011 - 17:48

Ca marche ! Merci ♥.

Zombie Lane
Nouveau membre

Messages : 9
Inscrit(e) le : 05/08/2011

http://eat-my-neighbors.forumactif.com/
Zombie Lane 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