Comment enlever l'espace en trop?

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

Résolu Comment enlever l'espace en trop?

Message par Sweet Fay le Lun 28 Nov 2011 - 4:43

Bonjour, ou Bonsoir!
J'ai eu léger soucis avec le tableau HTML que j'ai fais pour ma page d'accueil, sur mon forum. J'ai fais le tour des sujets pour voir si je n'y trouverais pas de réponses, malheureusement, je n'en ai pas trouver.
Alors, pour mieux vous aider à comprendre mon petit problème, voici un petit screen;
Spoiler:

Comme je l'ai démontrer sur l'image, il y a un espace entre mes «catégories» que je n'arrive pas à enlever.
Voici également mon code de Page d'Accueil;
Spoiler:
Code:
<table width="600" border="0">
<tr>
<td height="55" valign="top"><fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Context♣</u></span></legend></div>
<center><p><justify> Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify>
</p></center></fieldset>
</td>
<td rowspan="2" valign="top"><fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣News♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center></fieldset>
</td>
<td rowspan="2" valign="top"><fieldset style="border: 2px solid #6E879D;background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Partenaires</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
</tr>
<tr>
<td rowspan="2" valign="top"><div align="center"></div>
</td>
</tr>
<td rowspan=''2'' valign="top"><fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg');-moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Liens Utiles♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
<td rowspan=''2'' valign="top"><fieldset style="border: 2px solid #6E879D;background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Postes Vacants♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
</tr>
<td colspan="3" valign="top"><fieldset style="border: 2px solid #6E879D;background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Staff♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
</tr>
</table>

Je n'ai pas de CSS associé à ma P.A
Merci beaucoup à l'avance!
Bizoux


Dernière édition par Sweet Fay le Dim 4 Déc 2011 - 3:24, édité 1 fois

Sweet Fay
Nouveau membre

Messages : 6
Inscrit(e) le : 28/11/2011

http://richmon.forumactif.com
Sweet Fay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlever l'espace en trop?

Message par Invité le Mar 29 Nov 2011 - 13:51

Bonjour,

Est-ce mieux comme ceci?
Code:
<table width="600" border="1">
<tr>
<td height="55" valign="top" rowspan="2"><fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Context♣</u></span></legend></div>
<center><p><justify> Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify>
</p></center></fieldset>
</td>
<td valign="top"><fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣News♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center></fieldset>
</td>
<td  valign="top"><fieldset style="border: 2px solid #6E879D;background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Partenaires</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
</tr>
<tr>
<td valign="top"><fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg');-moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Liens Utiles♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
<td valign="top"><fieldset style="border: 2px solid #6E879D;background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Postes Vacants♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
</tr>
<td colspan="3" valign="top"><fieldset style="border: 2px solid #6E879D;background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;"><div align="center"><legend><span style="text-align:center; color: #364449; font-size: 17px; font-family: Georgia;font-style:italic;"><u>♣Staff♣</u></span></legend></div>
<center><p><justify>Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
 Blabla Blabla Blabla Blabla Blabla<br />
</justify></p></center>
</td>
</tr>
</table>
J'ai supprimé une ligne et modifié les fusions des cellules.

Cordialement.

Invité
Invité


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

Résolu Re: Comment enlever l'espace en trop?

Message par Sweet Fay le Jeu 1 Déc 2011 - 19:36

En premier lieu, merci de me répondre^^
En fait, j'avais réussi à enlever ce problème, mais j'en ai un autre...enfin, si ça peut être un problème en soi XD Voilà un petit screen pour le démontrer:

Spoiler:

Entre ma section «Context» et «Staff» il y a un petit espace....Est-il possible d'égaliser le «Context», pour qu'il arrive égale, en bas, à «Liens Utiles»?

Merci, encpre Smile

Sweet Fay
Nouveau membre

Messages : 6
Inscrit(e) le : 28/11/2011

http://richmon.forumactif.com
Sweet Fay a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment enlever l'espace en trop?

Message par Invité le Sam 3 Déc 2011 - 11:51

Bonjour,

Il va falloir tatonner pour trouver la bonne hauteur à donner à votre fieldset pour égaliser tout ça. Je ne vois pas d'autre solution.
Remplacer
Code:
<fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;">
par
Code:
<fieldset style="border: 2px solid #6E879D; background-image:url('http://img210.imageshack.us/img210/3577/fondrichmon.jpg'); -moz-border-radius: 10px;height: 193px;overflow-y:auto;">
Modifiez le height: 193px, jusqu'à avoir la bonne hauteur.

Cordialement.

Invité
Invité


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

Résolu Re: Comment enlever l'espace en trop?

Message par Sweet Fay le Dim 4 Déc 2011 - 3:24

Cool merci ça à marcher!
Un gros merci à toi Isolde!

Problème résolu!

Sweet Fay
Nouveau membre

Messages : 6
Inscrit(e) le : 28/11/2011

http://richmon.forumactif.com
Sweet Fay 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