Sujets similaires

Bonjour !

Je suis actuellement en train de préparer une nouvelle page d'accueil sur mon forum de test. J'ai utilisé plusieurs codes (notamment des tableaux, des infobulles...) que j'ai mélangés, mais l'ensemble est assez récalcitrant. x)

Je m'excuse d'avance si ce n'est pas la bonne question où poster... Mais j'avoue que j'aurais bien besoin d'aide pour corriger mon code, notamment en ce qui concerne la liste du staff, qui déforme tout le message d'accueil !

Voici la vision du résultat, et le code qui a permis d'arriver à ce truc informe :

Code:: <TABLE width=200>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #ffffff 1px dashed" width=200 colSpan=3>
Laissez-vous entraîner dans le monde fantastique d'Autremonde, où vous croiserez Sortceliers, Elfes, Vampyrs, et autres Nains... Serez-vous un innocent Autremondien, peut-être membre d'une des nombreuses familles royales du continent, ou un Sangrave, Sortcelier maléfique ?
Aiderez-vous Tara Duncan, l'Héritière Impériale, dans sa quête pour vaincre une bonne fois pour toute Magister, et ramener la paix sur Autremonde ? Ou préférerez-vous rallier la cause de ce dernier, puissant chef des Sangraves, une organisation maléfique ? C'est à vous seul de le décider...
Pour plus de détails sur l'univers du forum, rendez-vous <A href="http://tara-duncan.actifforum.com/l-univers-d-autremonde-f69/">ici</A><DIV style="TEXT-ALIGN: right">Nous espérons que vous vous plairez parmi nous ! ;)</DIV></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center; BORDER-RIGHT: #ffffff 1px dashed" width=100><DIV style="TEXT-ALIGN: center; BACKGROUND-COLOR: saddlebrown" align=justify>LE STAFF </DIV> Administrateurs :
<TABLE style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; WIDTH: 200px; BORDER-COLLAPSE: collapse; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<TBODY>
<TR style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo>Tara Duncan 
<TABLE border=0 cellSpacing=1 cellPadding=1 width=200>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ TARA DUNCAN ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://tara-duncan.actifforum.com/users/1212/39/73/79/avatars/1-72.jpg"> </A>

Elle a la classe, hein ?</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 Adorable fondatrice du fofo'
Présente à intermittence 
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=1" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=1" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD>
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo><IMG src="http://img338.imageshack.us/img338/3631/cadretdavatarpetitapoph.png">
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ SNOW ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://img697.imageshack.us/img697/4567/cadretdavatargrandapoph.jpg"> </A>

De quoi "elle se la pète" ?</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 - Administratrice -
Cruelle et tyrannique 
Qui saura éviter son fouet ? 
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=17&u=1" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=17" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD>
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo><IMG src="http://img293.imageshack.us/i/cadretdavatarpetitshinz.png/ ">
<TABLE border=0 cellSpacing=1 cellPadding=1 width=100>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ SHINZO ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://img5.hostingpics.net/thumbs/mini_80169Mini_Shinzo.jpg"> </A>

Le guerrier solitaire 
dans l'ombre de la Lune...</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 - Administrateur -
 Loyal et de confiance
truc truc truc 
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=126" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=126" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; WIDTH: 200px; BORDER-COLLAPSE: collapse; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<TBODY>
<TR style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo><IMG src="http://i61.servimg.com/u/f61/13/81/64/06/411.jpg">
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ CALIBAN D'AL SALAN ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://i61.servimg.com/u/f61/13/81/64/06/11111112.png"> </A>

Terrifiant, isn't it ?</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 - Modérateur -
Plus Québecois, tu meurs
N'a pas sa langue
 dans sa poche 
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=87" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=87" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD>
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">Fabrice</TD>
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo><IMG src="http://i62.servimg.com/u/f62/11/72/25/27/sans_t11.jpg">
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ MAGISTER ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://i62.servimg.com/u/f62/11/72/25/27/sans_t10.jpg"> </A>

Terrifiant, isn't it ?</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 - Modérateur -
Plus Québecois, tu meurs
N'a pas sa langue dans sa poche 
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=187" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=187" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD>
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo><IMG src="http://img695.imageshack.us/img695/7291/cadretdavatarpetitulumi.png">
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ ULUMIUS M'ANGIL ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://i62.servimg.com/u/f62/11/72/25/27/ulu10.jpg"> </A>

Ne vous laissez pas impressionner
par son regard 
de glace</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 - Modérateur -
Sympathique et courageux 
Toujours prêt à rendre service 
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=90" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=90" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD>
<TD style="BORDER-BOTTOM: #ffffff 1px hidden; BORDER-LEFT: #ffffff 1px hidden; BORDER-TOP: #ffffff 1px hidden; BORDER-RIGHT: #ffffff 1px hidden">
<UL>
<UL><A class=imginfo><IMG src="http://img72.imageshack.us/i/cadretdavatarpetitlyore.png/">
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">~ LYOREE DI SIELLE ~ </TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<A class=imginfo><IMG src="http://i40.tinypic.com/2iael3d.png "> </A>

Note : demander à Lyoree 
la marque de son gloss</TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
 - Modératrice -
Fondatrice du terrible Club des Choux
Ne la laissez pas vous recruter !
<A class=postlink href="http://tara-duncan.actifforum.com/profile.forum?mode=viewprofile&u=213" target=_blank>Profil</A> | <A class=postlink href="http://tara-duncan.actifforum.com/msg.forum?mode=post&u=213" target=_blank>MP</A></TD></TR>
<TR align=middle></TR></TBODY></TABLE></A></UL></UL></TD></TR></TBODY></TABLE> </TD>
<TD style="TEXT-ALIGN: center; BORDER-RIGHT: #ffffff 1px dashed" width=300>
 
 
- Nous recherchons prioritairement des personnes aux métiers assez... "exotiques : par exemple des Vampyrs de la Brigade Noire, des marchands Salterens, etc... ! Mais surtout des espèces telles que les Nains, les Tatris, les Dragons... Ces races-là sont privilégiées !
 

- N'hésitez pas à vous inscrire, il n'y aura pas de sélection, et aucune durée limitée de présentation ! La gente masculine étant en minorité... Evitez de choisir une sortcelière ! xD
 
- Une fois votre présentation validée, n'oubliez pas de générer et de remplir votre feuille de personnage, dans votre profil ! ;)
 
Merci à Sparrow-style, de Never Utopia pour le thème !
 
<A href="http://www.never-utopia.com/portal.htm"><IMG border=0 alt="" src="http://host.image.files.free.fr/host/49abfc8769e6cbouton-nu.png"></A>
 
Merci également à CSSActif pour certains des codes utilisés ! <A href="http://css-actif.forumactif.org/"><IMG border=0 src="http://files.o-side.com/upload/CSSActif/css-actif-8831.gif"></A> </A></TD></TR></TBODY></TABLE>

Voici ce à quoi je voudrais que l'ensemble final ressemble :

Spoiler:

On voit bien que ce que je souhaiterais et le résultat donné sur mon forum test sont... différents. :/
Pourriez-vous m'aider, et corriger mon code ? Surtout en ce qui concerne la liste du staff, car cette chose que je voulais petite et discrète (d'où l'utilisation des infobulles, d'ailleurs) prend une place folle et déforme complètement la page d'accueil.

Merci d'avance ! Je me doute que je vous en demande beaucoup, mais je vous en serai vraiment très reconnaissante. Smile

Bonjours.

Je vais être honnête, ton code est à refaire.
Vu les balise en majuscule et le type de mise en forme je devine l'utilisation massive d'un éditeur HTML à la syntaxe obsolète, avec quelque ajouts personnels. Il y à une grand nombre de balise vide et de doublon inutile. Et vu l'agencement, en commencer la correction serai ce lancer dans un parcours du combattant du debuggage.

A première vu la déformation viens d'une largeur incompressible. Quant à savoir où elle ce trouve, étant donner que chaque ligne possède ça propre mise en forme, il faudrait faire un grand nombre de test pour trouver le problème.

Bonjour,

Le problème est-il toujours d'actualité ?

À bientôt sur CSSActif

Plop,

Excusez-moi du retard de réponse. ^^"

Merci en tout cas d'avoir voulu m'aider, Vpeybernes. Même si cela n'est pas... "encourageant", au moins ça m'a fait voir la réalité en face. La prochaine fois je me lenacerai pas-à-pas et plus prudemment que ça. Razz

Vous pouvez fermer ce sujet. Wink

Clarifier et corriger une page d'accueil

Clarifier et corriger une page d'accueil

Sujets similaires

Sujets similaires

Partenaires Or