Grand espace entre deux tableaux

[Amacky]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://institut-de-medicis.forumactif.org/

Description du problème

Bonjour

J'ai un petit souci un grand espace s'est mit entre mes deux tableaux et je ne veux pas de ça... Je pensais que cela venait de mon navigateur mais le problème se pose aussi chez d'autre personne.

Pouvez vous m'aidez?

Code:

<table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #DCDCDC; height: 100px; width: 700px;text-align: center;"><tr><td><div align=center>[size=28][color=#FF456A][b]Le règlement[/b][/color][/size][color=#413C3C]
</div></td><tr></table> <br>
<table cellspacing="0" cellpadding="0"  bgcolor="#DCDCDC" width="80%" align="center">
<table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #DCDCDC; height: 800px; width: 700px;text-align: center;>
</td></tr>

<tr>
<td width="40%" bgcolor="#DCDCDC"><td width="40%"><table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #FF456A; height: 100px; width: 300px;text-align: center;"><tr><td><div align=center>[u][size=24][color=#413C3C]Passage obligatoire:[/color][/size][/u][color=#413C3C]

[size=12]Personne n’aime lire les règlements, mais je pense qu’il est important de passer par là pour commencer sur de bonnes bases.[/size]</div></td><tr></table>
<table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #FF456A; height: 150px; width: 300px;text-align: center;"><tr><td><div align=center>[u][size=24][color=#413C3C]Le Rp:[/color][/size][/u]
[size=12][color=#413C3C]-   Nous vous demanderons un minimum de quinze lignes par sujet. Bien évidemment nous n’allons pas vous faire une réflexion si vous avez écrit 14 lignes. Il est important d’apporter de la matière à son partenaire.

-   Relisez vous pour éviter les fautes d’inattentions.  C’est toujours sympas de lire une réponse sans qu’on ne soit obligé de devenir fou parce que notre partenaire à oublier –ent à la fin d’un verbe. Certain site vous permettent de corriger vos fautes.

-   Pensez a utiliser une couleur pour différencier la narration du dialogue.

-   Les rps à caractère sexuels sont autorisés  mais veuillez mettre sous hide  le contenu pour que seulement votre partenaire et vous puissiez le voir. Et puis bien évidemment un enfant de 9 ans ne va pas avoir de relation sexuelle.  Soyez cohérent avec votre personnage.[/color] [/size]
</div></td><tr></table>
<table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #FF456A; height: 120px; width: 300px;text-align: center;"><tr><td><div align=center>[color=#413C3C][u][size=24]La chat Box: [/size][/u]

La chat box est un lieu convivial, vous êtes d’ailleurs tous conviés à aller y faire un tour de temps en temps. En revanche si un admin pense que votre comportement n’est pas approprié il se réserve le droit de bannir un membre de la CB . [/color]
</div></td><tr></table>
<table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #FF456A; height: 100px; width: 300px;text-align: center;"><tr><td><div align=center>[u][size=24][color=#413C3C]Le reste: [/color][/size][/u][color=#413C3C]
Si vous avez quelque chose à signaler les admins sont présents pour vous. N’ayez crainte nous sommes à l’écoute et nous essaierons de trouver une solution à votre problème. [/color]

</div></td><tr></table>
</td>
<td width="60%"><td width="50%" ><table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #FF456A; height: 650px; width: 400px;text-align: center;"><tr><td><div align=center>[u][size=24][color=#413C3C]Le forum:[/color][/size][color=#413C3C] [/color][/u][color=#413C3C]
-   Il est important de mettre en place quelques règles de bon sens.  Tout le monde à apprit la politesse un jour ou l’autre.  Servez vous-en! En effet on est toujours contents de  recevoir de la part des membres un petit « Bonjour  » «  Comment allez-vous ?».

-   Les insultes ne sont pas admises, nous sommes tous de grandes personnes et  les conflits peuvent se régler d’une autre manière. S’il le faut nous mettrons en place une salle de médiation pour la gestion des conflits.

-   Les propos pornographiques, homophobes, raciste etc… Sont exclues à moins que bien sûr ce genre de propose entre dans le cadre d’un rp. Admettons que vous ayez une dispute avec un personnage dans le cadre d’un rp  qui est d’origine asiatique on admettra  un  « espèce de sale bridé qui manges du riz à longueur de journée. » Seulement dans le cadre d’un rp. Nous tenons à le préciser.

-   Votre pseudo ne doit pas contenir de chiffre ni de nombre ex: joli75 Vous êtes sur un forum rpg alors bien évidement il faut que votre pseudo contienne un Prénom et un Nom  sous cette forme: James P. White ou James White.

-   Les avatars doivent avoir cette taille: 200*320. Les signatures sont autorisées à moins que celles-ci ne déforment les forums.

-   A partir du jour de votre inscription vous avez deux semaines soit 14 jours pour terminer votre fiche de présentation. Un admin passera vous valider si tout est en ordre et si la charte de l’institut est signée.

-   Pour le moment les DCs ne sont pas autorisés. [/color]
</div></td><tr></table>

<table style="-moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; background-color: #FF456A; height: 80px; width: 400px;text-align: center;"><tr><td><div align=center>
[color=#413C3C][size=20]Merci à tous d’avoir lu le règlement. Nous vous souhaitons une excellente aventure parmi nous.[/size] [/color]

</div></td><tr></table>
</td>
</tr>


</table>

Je vous mets mon code

Merci d'avance

[MlleAlys]

Bonjour,

Les espaces qui apparaissent au dessus des tableaux viennent de retours à la lignes qui sont insérés entre les balises <table>,<tr>, et <td> : très pratique pour la mise en forme du code en html et mieux s'y retrouver, l'éditeur de message du forum ne sait pas trop où les mettre puis qu'ils ne sont pas vraiment dans le contenu du tableau, et donc les affiche avant celui-ci....

A part ça :
- Il y pas mal d'erreurs dans le codage de vos tableaux, attention à ne pas oublier les balises <tr> et <td> pour créer une ligne et une cellule dans un tableau, et ne pas oublier de les refermer à la fin de la cellule et de la ligne avec les balises </td> et </tr>.
- Les blocs roses n'ont pas de raison d'être des tableaux, tout comme le titre, mieux vaut les coder avec des balises <div>, ça simplifie d'autant plus le code ! ^^
- Il est inutile de remettre des balises pour centrer le texte à chaque fois puisque cela a déjà été fait au début dans la balise table, et donc est valable pour tout le contenu du tableau ^^
- De la même façon, certaines propriétés de mise en forme du texte peuvent être précisées dans le tableau du début et donc éviter de devoir les répéter à chaque fois ^^

Je vous propose ce code, qui normalement est similaire au vôtre au niveau du rendu (s'ils y a des détails que j'ai oubliés à régler, n'hésitez pas à le dire =s) :

Code:

<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#DCDCDC; height:100px; width:700px; margin:auto; text-align:center; font-size:28px; color:#FF456A; font-weight:bold; line-height:100px;">Le règlement</div>
<table style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#DCDCDC; width:700px; margin:auto; text-align:center; color:#413C3C; font-size:12px;"><tr><td style="width:40%; vertical-align:top;">
<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#FF456A; padding:5px;">[u][size=24]Passage obligatoire:[/size][/u]
Personne n’aime lire les règlements, mais je pense qu’il est important de passer par là pour commencer sur de bonnes bases.
</div>
<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#FF456A; padding:5px;">[u][size=24]Le Rp:[/size][/u]
- Nous vous demanderons un minimum de quinze lignes par sujet. Bien évidemment nous n’allons pas vous faire une réflexion si vous avez écrit 14 lignes. Il est important d’apporter de la matière à son partenaire.

- Relisez vous pour éviter les fautes d’inattentions. C’est toujours sympas de lire une réponse sans qu’on ne soit obligé de devenir fou parce que notre partenaire à oublier –ent à la fin d’un verbe. Certain site vous permettent de corriger vos fautes.

- Pensez a utiliser une couleur pour différencier la narration du dialogue.

- Les rps à caractère sexuels sont autorisés mais veuillez mettre sous hide le contenu pour que seulement votre partenaire et vous puissiez le voir. Et puis bien évidemment un enfant de 9 ans ne va pas avoir de relation sexuelle. Soyez cohérent avec votre personnage.
</div>
<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#FF456A; padding:5px;">[u][size=24]La chat Box: [/size][/u]
La chat box est un lieu convivial, vous êtes d’ailleurs tous conviés à aller y faire un tour de temps en temps. En revanche si un admin pense que votre comportement n’est pas approprié il se réserve le droit de bannir un membre de la CB .
</div>
<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#FF456A; padding:5px;">[u][size=24]Le reste:[/size][/u]
Si vous avez quelque chose à signaler les admins sont présents pour vous. N’ayez crainte nous sommes à l’écoute et nous essaierons de trouver une solution à votre problème.
</div>
</td><td style="vertical-align:top;">
<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#FF456A; padding:5px;">[u][size=24]Le forum:[/size][/u]
- Il est important de mettre en place quelques règles de bon sens. Tout le monde à apprit la politesse un jour ou l’autre. Servez vous-en! En effet on est toujours contents de recevoir de la part des membres un petit « Bonjour » « Comment allez-vous ?».

- Les insultes ne sont pas admises, nous sommes tous de grandes personnes et les conflits peuvent se régler d’une autre manière. S’il le faut nous mettrons en place une salle de médiation pour la gestion des conflits.

- Les propos pornographiques, homophobes, raciste etc… Sont exclues à moins que bien sûr ce genre de propose entre dans le cadre d’un rp. Admettons que vous ayez une dispute avec un personnage dans le cadre d’un rp qui est d’origine asiatique on admettra un « espèce de sale bridé qui manges du riz à longueur de journée. » Seulement dans le cadre d’un rp. Nous tenons à le préciser.

- Votre pseudo ne doit pas contenir de chiffre ni de nombre ex: joli75 Vous êtes sur un forum rpg alors bien évidement il faut que votre pseudo contienne un Prénom et un Nom sous cette forme: James P. White ou James White.

- Les avatars doivent avoir cette taille: 200*320. Les signatures sont autorisées à moins que celles-ci ne déforment les forums.

- A partir du jour de votre inscription vous avez deux semaines soit 14 jours pour terminer votre fiche de présentation. Un admin passera vous valider si tout est en ordre et si la charte de l’institut est signée.

- Pour le moment les DCs ne sont pas autorisés.



</div>
<div style="-moz-border-radius:35px; -webkit-border-radius:35px; border-radius:35px; background-color:#FF456A; padding:5px;">[size=20]Merci à tous d’avoir lu le règlement. Nous vous souhaitons une excellente aventure parmi nous.[/size]
</div>
</td></tr></table>

[Amacky]

Bonjour le rendu n'est pas du tout le même que le miens... Je suis désolée...

Je vous fais un copie coller...

En tout cas merci merci merci

Peux tu m'expliquer à quoi sert la balise <div> exactement

[MlleAlys]

Hmm ce que je vois sur la capture ne correspond pas du tout au code que j'ai donné, voilà ce que ça devrait donné (posté tel que je vous l'ai donné sur mon forum test) :
http://forum-test-phpbb2.forumactif.org/t12-test-reglement#24

Une table est un tableau, donc un objet avec des lignes et des colonnes.
Une div est simplement... un bloc. ^^ On peut y mettre du texte, des images, ce qu'on veut dedans, on peut mettre en forme ce bloc comme on le souhaite avec du css (fond, couleur, taille, bordure, etc). Par défaut, une div a automatiquement un retour à la ligne avant et après le bloc. Par défaut également elles prennent toute la largeur qu'elles ont. Bref, vos blocs roses sont typiquement un exemple de div, plutôt que de tableau ^^

[Amacky]

Ah oui en effet c'est pas la même chose!
Et d'accord pour la div

D'où peut provenir le problème alors?


Edit: C'est bon j'ai trouvé le problème le ligne était dans mon code 1-
2- etc...

En tout cas merci beaucoup pour ton aide

Et j'essayerai de comprendre les balises div afin d'éviter de me compliquer la vie


Merci merci merci merci merci merci

[MlleAlys]

Avez vous bien activé le html dans les messages ?

[Amacky]

J'ai édité mon post du dessus

Encore merci pour ton aide

[MlleAlys]

De rien ^^
(n'oublie pas d'éditer ton premier message pour mettre le sujet en résolu ^^)

[Amacky]

Oui c'est fait