Un tableau qui s'écarte du haut de la page

[L'ange noir]

Bonjour

J'ai fait un tableau dans un post mais ce dernier ne veut pas rester en haut de la page. Tant que je n'ajoute pas de ligne, tout va bien. Dès que je mets une ligne de plus, il s'écarte automatiquement du haut de la page.

Et voici ce qu'il se passe :

Quand je poste une ligne dans le tableau j'obtiens ceci :

Une ligne:

Et quand j'ajoute une ligne tout le tableau descend :

Deux lignes:

Vous voyez que l'écart est beaucoup plus grand par rapport au titre tout en haut et cela s'écarte à chaque fois que j'ajoute une ligne. Important, cela se produit aussi si je ne mets que du texte et pas d'image.

Voici le code :

Code:

[center][b][color=#cc0033]UNE VIE D'ESCLAVE AU CHATEAU DE BRETAGNE[/color]
[/b][/center]

[center]<table rules="all"><tr><th><b>[size=16][color=#0033cc]Maîtres et Maîtresses[/color][/size]</b></th></tr><tr><td><img src="https://i.servimg.com/u/f83/19/93/50/05/99436514.png" /><td><b><div align="left">Mel Rawdee - Première Maîtresse</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5599-cet-autre-monde-pv-mell-rwandee]Cet autre monde[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5603-une-bonne-douche-mell-rwandee]Une bonne douche[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5632-lou-loup-y-es-tu-pv-lou-termine]Lou, loup y es tu ?[/url]</div></td></tr><tr><td><img src="https://i.servimg.com/u/f83/19/93/50/05/15228211.png" /></td><td><b><div align="left">Lisiane Wolfhart et son dévot Allen Price</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5774-mauvais-plan]Mauvais plan[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5781p60-larmes-de-sang-joie-ou-peine-pv-allen-price-et-lou-berkeley]Les larmes de sang joie ou peine[/url]</div></td></tr>
</table>[/center]

Si vous avez une idée d'où cela peut-il venir, cela m'aiderait bien. Merci par avance.

[Miettes]

Hello

En réalité, dans un tableau, par défaut, les éléments dans les cases sont centrés verticalement. Du coup, dans ta seconde ligne, le texte de droite se centre verticalement par rapport à tes images. Pour régler ce problème, il te suffit d'indiquer dans chaque td qui a du texte une propriété CSS vertical align: "top", par exemple :

Code:


<td style="vertical-align: top;"><b><div align="left">Mel Rawdee - Première Maîtresse</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5599-cet-autre-monde-pv-mell-rwandee]Cet autre monde[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5603-une-bonne-douche-mell-rwandee]Une bonne douche[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5632-lou-loup-y-es-tu-pv-lou-termine]Lou, loup y es tu ?[/url]</div></td>


ça devrait régler ton problème

[L'ange noir]

Bonjour Miette,

Merci beaucoup pour ton aide. Tu as réglé l'un des soucis que j'avais, soit l'écartement dans les cases du tableau, et c'est vraiment super.

Par contre, celui que me pose vraiment un problème c'est l'écartement entre le tableau lui-même et le titre tout en haut "Ma vie d'esclave au château de Bretagne". En fait qu'il y ait ou non un titre, cela ne change rien. l'écartement se produit avec le haut de la page. Et à chaque ajout de ligne, il descend encore plus. Si tu regardes les images que j'ai publiées en haut, tu verras que la distance est vraiment grande entre la première image et la seconde.

(Ton pseudo me parle. Tu n'es pas sur un forum d'entraide pour la construction d'un forum ?)

[Miettes]

Essaie de mettre ça :

Code:

[center][b][color=#cc0033]UNE VIE D'ESCLAVE AU CHATEAU DE BRETAGNE[/color]
[/b][/center]


sur une seule ligne Là tu as du coup, 2 retours à la ligne "vide" ^^

(Ton pseudo me parle. Tu n'es pas sur un forum d'entraide pour la construction d'un forum ?)

J'ai un forum d'entraide oui (et j'en ai eu un autre il y a quelques années aujourd'hui fermé). Après, il me semble qu'il existe une miette sans S tu nous confonds peut etre =)

[L'ange noir]

Bonsoir,

(Oui, oui, c'est bien toi. Avec un S. Content de te retrouver. Tu m'avais beaucoup aidé pour la mise en place de mon forum, il y a deux ans maintenant.)

Alors j'ai mis le code qur tu m'as donné, mais cela ne fonctionne pas. Je te mets l'image :

Image:

Et je remets le code complet :

Code:

[center][b][color=#cc0033]UNE VIE D'ESCLAVE AU CHATEAU DE BRETAGNE[/color]
[/b][/center]
[center]<table rules="all"><tr><th><b>[size=16][color=#0033cc]Maîtres et Maîtresses[/color][/size]</b></th></tr><tr><td><img src="https://i.servimg.com/u/f83/19/93/50/05/99436514.png" /><td style="vertical-align: top;><div align="left"><b>Mel Rawdee - Première Maîtresse</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5599-cet-autre-monde-pv-mell-rwandee]Cet autre monde[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5603-une-bonne-douche-mell-rwandee]Une bonne douche[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5632-lou-loup-y-es-tu-pv-lou-termine]Lou, loup y es tu ?[/url]</div></td></tr>


<tr><td><img src="https://i.servimg.com/u/f83/19/93/50/05/15228211.png" /></td><td style="vertical-align: top;><div align="left"><b>Lisiane Wolfhart et son dévot Allen Price</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5774-mauvais-plan]Mauvais plan[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5781p60-larmes-de-sang-joie-ou-peine-pv-allen-price-et-lou-berkeley]Les larmes de sang joie ou peine[/url]</div></td></tr></table>[/center]

C'est vraiment étrange cet écart avec le haut de la page. Est il possible que ce soit codé comme ça dans les templates ?

[Miettes]

Coucou

Tu as toujours le retour à la ligne. Voici ton code corrigé

Code:

[center][b][color=#cc0033]UNE VIE D'ESCLAVE AU CHATEAU DE BRETAGNE[/color][/b][/center]<!--

-->[center]<table rules="all"><tr><th><b>[size=16][color=#0033cc]Maîtres et Maîtresses[/color][/size]</b></th></tr><tr><td><img src="https://i.servimg.com/u/f83/19/93/50/05/99436514.png" /><td style="vertical-align: top;><div align="left"><b>Mel Rawdee - Première Maîtresse</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5599-cet-autre-monde-pv-mell-rwandee]Cet autre monde[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5603-une-bonne-douche-mell-rwandee]Une bonne douche[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5632-lou-loup-y-es-tu-pv-lou-termine]Lou, loup y es tu ?[/url]</div></td></tr><!--

--><tr><td><img src="https://i.servimg.com/u/f83/19/93/50/05/15228211.png" /></td><td style="vertical-align: top;><div align="left"><b>Lisiane Wolfhart et son dévot Allen Price</b><br /><br />[color=#9933ff]Notre histoire :[/color]<br />[url=http://vampires-kingdom.forumactif.com/t5774-mauvais-plan]Mauvais plan[/url]<br />[url=http://vampires-kingdom.forumactif.com/t5781p60-larmes-de-sang-joie-ou-peine-pv-allen-price-et-lou-berkeley]Les larmes de sang joie ou peine[/url]</div></td></tr></table>[/center]

[L'ange noir]

Bonjour Miettes

J'ai compris ce que tu voulais dire. C'est tout à fait ça. Le problème est réglé. J'ai retiré les espaces et hop, magie. Tout est remonté.

Super. Merci beaucoup.