Réduire un espace entre texte et bord d'une table

[L'ange noir]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 04/12/2021
Lien du forum : https://vampires-kingdom.forumactif.com/

Description du problème

Bonjour à tous,

Voici le souci que je rencontre. J'ai fait une table pour insérer un titre, une photo et un texte. Cette table fait partie d'une page complète mais le souci arrive qu'elle soit séparée ou avec le reste de la page.

Le texte en bas de la cellule a un grand espace entre lui et le bord de la cellule. J'ai essayé de le réduire sans y parvenir. Padding, margin etc, rien n'y a fait. Si vous avez la solution, merci par avance. Voici le code :

Code:

<!--Table Article principal -->

<table style="width:635px; margin-top:-220px; border:2px solid #9F56EE;">

<tr>
<td style="text-align:center;padding:0;">
<h2 style="margin-top:-5px; font-size:20px; font-weight:bold; color:purple; text-decoration:underline;">LA LAME EMPOISONNEE</h2>
</td>
</tr>

<tr>
<td style="padding:10px;">
<img style="margin-top:-40px;margin-bottom:5px; width:150px; float:left; margin-right:10px;" src="https://i.servimg.com/u/f83/19/93/50/05/lame210.png" height="140px" width="140px"/>

<p style="text-indent: 1.5em;text-align:justify;margin-top:-70px;margin-left:160px;">Alors que le Roi de Bretagne se gaussait d’avoir organisé une fête du </p><p style="text-align:justify;margin-top:-15px;"> sang mémorable, la lame devant saigner les esclaves se trouvait empoisonnée, tuant les pauvres âmes avant l’offrande au Diable. La tradition venait de se transformer en malédiction. En quelques minutes tout basculait. La malédiction frappait. Tout d’abord ce fut un incendie qui éclatait et détruisait une partie de la magnifique forêt du château. Puis le baron Ramos à la tête du Portugal, pris d’une folie meurtrière, voulut se faire exploser, prêt à détruire le Roi, l’Empereur, les chefs d’état majeur et bien d’autres vampires importants présents dans la salle du trône. Il fallut tout le pouvoir du Roi Maximien pour le réduire en poussière et éviter la catastrophe. Et pour couronner le tout, la Grande Argentière, madame Deengelhardt a failli se faire enlever dans l’enceinte même du château. <br/><br/>Le monde de Maximien de Bretagne s’effrite et tout part à volo. L’Empereur, devant autant de déconvenues, se trouve contraint de prendre ses distances et ne tarde pas à rompre la fragile relation qui le lie au Royaume de Bretagne. A peine rentré, il lance la construction de l’Ambassade du Rajasthan à Makoba, capitale de l’Empire.<br/><br/>Mais si les deux vampires se montrent forts, ils savent tous les deux que Le Diable ne pardonnera rien et que de sa main, il répandra la malédiction tant redoutée.</p>
</td>
</tr>

</table>

[L'ange noir]

je suis désolé. J'ai trouvé la réponse sans le vouloir. Il fallait que je mette une margin-bottom négative sous ma dernière balise<p>.

Merci pour ceux qui ont lu et tenté de m'aider.

[Scoubifitz]

.../... Cette table fait partie d'une page complète mais le souci arrive qu'elle soit séparée ou avec le reste de la page.

Le texte en bas de la cellule a un grand espace entre lui et le bord de la cellule.

Spoiler:

Bonjour,

Pouvez-vous apporter un peu de précision sur l'endroit où vous postez ? Message de forum ? page HTML ? page d'accueil ?

Mmmmm... D'après le margin négatif , je pense que c'est dans un message ....

un code sans margin négatif ?

Code:

<!--Table Article principal --><!--
--><!--
--><table style="width:635px; border:2px solid #9F56EE;border-spacing: 15px 0;"><!--
--><tr><!--
--><td style="text-align:center;padding:0;"><!--
--><h2 style="font-size:20px; font-weight:bold; color:purple; text-decoration:underline;">LA LAME EMPOISONNEE</h2><!--
--></td><!--
--></tr><!--
--><tr><!--
--><td><!--
--><p style="text-indent:1.5em;text-align:justify;"><img style="width:150px;height:140px;float:left; margin-right:10px;vertical-align:top;" src="https://i.servimg.com/u/f83/19/93/50/05/lame210.png"/><!--
-->Alors que le Roi de Bretagne se gaussait d’avoir organisé une fête du sang mémorable, la lame devant saigner les esclaves se trouvait empoisonnée, tuant les pauvres âmes avant l’offrande au Diable. La tradition venait de se transformer en malédiction. En quelques minutes tout basculait. La malédiction frappait. Tout d’abord ce fut un incendie qui éclatait et détruisait une partie de la magnifique forêt du château. Puis le baron Ramos à la tête du Portugal, pris d’une folie meurtrière, voulut se faire exploser, prêt à détruire le Roi, l’Empereur, les chefs d’état majeur et bien d’autres vampires importants présents dans la salle du trône. Il fallut tout le pouvoir du Roi Maximien pour le réduire en poussière et éviter la catastrophe. Et pour couronner le tout, la Grande Argentière, madame Deengelhardt a failli se faire enlever dans l’enceinte même du château.

Le monde de Maximien de Bretagne s’effrite et tout part à volo. L’Empereur, devant autant de déconvenues, se trouve contraint de prendre ses distances et ne tarde pas à rompre la fragile relation qui le lie au Royaume de Bretagne. A peine rentré, il lance la construction de l’Ambassade du Rajasthan à Makoba, capitale de l’Empire.

Mais si les deux vampires se montrent forts, ils savent tous les deux que Le Diable ne pardonnera rien et que de sa main, il répandra la malédiction tant redoutée.</p><!--
--></td><!--
--></tr><!--
--></table>

[chattigre]

Bonjour,

Si c'est un code dans un message, tout retour à la ligne dans le code est interprété par l'éditeur comme un retour à la ligne tout court (c'est parfois bête, mais c'est comme ça )

Donc si vous avez des lignes en trop, il faut minifier au maximum votre code en mettant les balises sur les mêmes lignes que le texte.

Code:

<!--Table Article principal --><table style="width:635px; margin-top:-220px; border:2px solid #9F56EE;"><tr><td style="text-align:center;padding:0;"><h2 style="margin-top:-5px; font-size:20px; font-weight:bold; color:purple; text-decoration:underline;">LA LAME EMPOISONNEE</h2></td></tr>
<tr><td style="padding:10px;"> <img style="margin-top:-40px;margin-bottom:5px; width:150px; float:left; margin-right:10px;" src="https://i.servimg.com/u/f83/19/93/50/05/lame210.png" height="140px" width="140px"/>
<p style="text-indent: 1.5em;text-align:justify;margin-top:-70px;margin-left:160px;">Alors que le Roi de Bretagne se gaussait d’avoir organisé une fête du </p><p style="text-align:justify;margin-top:-15px;"> sang mémorable, la lame devant saigner les esclaves se trouvait empoisonnée, tuant les pauvres âmes avant l’offrande au Diable. La tradition venait de se transformer en malédiction. En quelques minutes tout basculait. La malédiction frappait. Tout d’abord ce fut un incendie qui éclatait et détruisait une partie de la magnifique forêt du château. Puis le baron Ramos à la tête du Portugal, pris d’une folie meurtrière, voulut se faire exploser, prêt à détruire le Roi, l’Empereur, les chefs d’état majeur et bien d’autres vampires importants présents dans la salle du trône. Il fallut tout le pouvoir du Roi Maximien pour le réduire en poussière et éviter la catastrophe. Et pour couronner le tout, la Grande Argentière, madame Deengelhardt a failli se faire enlever dans l’enceinte même du château. <br/><br/>Le monde de Maximien de Bretagne s’effrite et tout part à volo. L’Empereur, devant autant de déconvenues, se trouve contraint de prendre ses distances et ne tarde pas à rompre la fragile relation qui le lie au Royaume de Bretagne. A peine rentré, il lance la construction de l’Ambassade du Rajasthan à Makoba, capitale de l’Empire.<br/><br/>Mais si les deux vampires se montrent forts, ils savent tous les deux que Le Diable ne pardonnera rien et que de sa main, il répandra la malédiction tant redoutée.</p>/td></tr></table>

Voir carrément utiliser un minifieur HTML pour supprimer tout retour à la ligne et espace (le code sera beaucoup moins lisible mais le résultat identique)

Bonne journée

[L'ange noir]

D'accord, je ne savais pas. Je vais réduire dans le code dans ce cas plutôt que de faire une margin négative. Merci beaucoup.