Petit problème de HTML, je ne comprend pas...

Aurel
Invité n'ayant pas de compte PHPfrance

26 juin 2005, 12:07

Bonjour à tous, alors voilà mon problème :

http://yoshi-paradize.com/CercleAztek.htm

Je n'arrive pas à comprendre pourquoi il y a cet espace entre la bannière et le tableau.

Si quelqu'un pouvait m'éclairer, svp...

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

26 juin 2005, 12:28

Je n'arrive pas à comprendre pourquoi il y a cet espace entre la bannière et le tableau.
Moi non plus.
Ça doit venir de ton code...

Invité
Invité n'ayant pas de compte PHPfrance

26 juin 2005, 12:30

Ben je m'en doute, mais je vois pas ou est le soucis...
<html>

<head>
<title>Cercle Aztek</title>


<link rel="STYLESHEET" href="http://www.Yoshi-Paradize.com/Aurel.css" type="text/css">

</head>

<body bgcolor="#444488">
<center>
<table valign="top" cellpadding="0" cellspacing="0"><tr><td height="148" width="750" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/top.jpg">
&nbsp;</td></tr><tr><td valign="top">
<table valign="top" border=0 cellspacing="1" cellpadding="1" width=750 bgcolor="#000000">
<tr bgcolor=#dfdfff height="20" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif"><td width="50" bgcolor=#dfdfff align="center"><font color="#299D26" size="1" face="Verdana"><b>ID</b></font></td><td><font color="#299D26" size="1" face="Verdana"><b>Liste des sites web inscrits au Cercle Aztek</b></font></td> 
<td bgcolor=#dfdfff width="50" align="center"><font color="#299D26" size="1" face="Verdana"><b>Modifier</b></font></td><tr><td bgcolor=#dfdfff align="middle"><font color="#299D26" size="1" face="Verdana"><b>1</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://nombrejador.free.fr">nombrejador</a><br><font class="texte">Tous sur les nombres....</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=1"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr> 
<tr><td bgcolor=#dfdfff align="center"><font color="#299D26" size="1" face="Verdana"><b>15</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://websocool.free.fr">websocool</a><br><font class="texte">tout sur le web</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=15"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr> 
<tr><td bgcolor=#dfdfff align="center"><font color="#299D26" size="1" face="Verdana"><b>16</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://www.redstar09.org/forum/index.php?owner=Chiwalou">Le Site officiel du Red Star 09</a><br><font class="texte">Le Red Star 09 évolue dans le championnat de football-loisir du Midi toulousain depuis l'an 2000. Ouvert à tous, c'est une association sportive loi 1901 qui attend vos propositions pour se diversifier.</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=16"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr> 
<tr><td bgcolor=#dfdfff align="middle"><font color="#299D26" size="1" face="Verdana"><b>17</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://lesjoueursdelatoile.com/pages/les_joueurs_de_la_toilepag.html">les joueurs de la toile</a><br><font class="texte">ce site est dédié aux jeux vidéos et à la mise en commun des connaissances des joueurs</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=17"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr> 
<tr><td bgcolor=#dfdfff align="middle"><font color="#299D26" size="1" face="Verdana"><b>19</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://www.yoshi-paradize.com">Yoshi-Paradize.com</a><br><font class="texte">Retrouvez sur Yoshi-Paradize, site entièrement consacré a Yoshi, toutes les ressources nécessaires pour connaitre en intégralité son histoire, sa carriere chez Nintendo, ainsi que des tonnes d'infos pratiques à son sujet !</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=19"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr> 
<tr><td bgcolor=#dfdfff align="middle"><font color="#299D26" size="1" face="Verdana"><b>20</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://www.justnet-woodgate.com">Justnet-Woodgate</a><br><font class="texte">C'est un Communauté de Rôliste, qui vous propose de nombreuses choses dans une bonne ambiance. Nous pouvons vous proposer de multiples Ressources, un Jeu de Rôles Gratuit à Télécharger, et nous pouvons vous proposer de venir nous rejoindre sur les Forums pour Jouer au Jeu de Rôle en ligne ! Enfin bref, vous êtes libres, ce site est à vous</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=20"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr> 
<tr><td bgcolor=#dfdfff align="center"><font color="#299D26" size="1" face="Verdana"><b>22</b></font></td><td align=left valign=top bgcolor=#dfdfff> 
<a class="menu2" href="http://www.lescro.com">lesCRO.com - Servir les Univers et Planer sur Uran</a><br><font class="texte">Portail des Choux Rouges de lOnf.</td> <br>
<td bgcolor=#dfdfff align="center"><font><a class="menu2" href="Ok.php?siteid=22"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font></td>
</tr>  

<tr bgcolor=#dfdfff height="20" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif"><td width="50" bgcolor=#dfdfff align="middle">&nbsp;</td><td>&nbsp;</td> 
<td bgcolor=#dfdfff width="50" align="middle">&nbsp;</td></tr>

</table></center><center>
<font class="atk_aztek">Obtenez votre forum Aztek sur <a href="http://www.forum-aztek.com" target="_blank" class="atk_aztek">http://www.forum-aztek.com</a></font>

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

</body>
</html>

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

26 juin 2005, 12:39

Tu gagnerais à utiliser une mise en page avec des div plutot qu'avec des tables... Cela te permettrait de mieux maitriser les espacements entre blocs justement.

Mammouth du PHP | 19672 Messages

26 juin 2005, 12:56

ET même en utilisant des tableaux: j'ai trouvé :
- une balise <tr> non fermée;
- des balises <br> entre deux <td> (fins de lignes </td> <br>)

TOn code remis à peu près droit devrait ressembler à ceci:
<html>
<head>
<title>Cercle Aztek</title>
<link rel="STYLESHEET" href="http://www.Yoshi-Paradize.com/Aurel.css" type="text/css">
</head>
<body bgcolor="#444488">
<center>
<table valign="top" cellpadding="0" cellspacing="0">
  <tr>
    <td height="148" width="750" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/top.jpg">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top">
      <table valign="top" border=0 cellspacing="1" cellpadding="1" width=750 bgcolor="#000000">
        <tr bgcolor=#dfdfff>
          <td width="50" height="20" bgcolor=#dfdfff align="center" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif">
            <font color="#299D26" size="1" face="Verdana"><b>ID</b></font>
          </td>
          <td background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif">
            <font color="#299D26" size="1" face="Verdana"><b>Liste des sites web inscrits au Cercle Aztek</b></font>
          </td> 
          <td bgcolor=#dfdfff width="50" align="center" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif">
            <font color="#299D26" size="1" face="Verdana"><b>Modifier</b></font>
          </td>
        </tr>
        <tr>
          <td bgcolor=#dfdfff align="middle">
            <font color="#299D26" size="1" face="Verdana"><b>1</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://nombrejador.free.fr">nombrejador</a><br>
            <font class="texte">Tous sur les nombres....
          </td>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=1"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr>
          <td bgcolor=#dfdfff align="center">
            <font color="#299D26" size="1" face="Verdana"><b>15</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://websocool.free.fr">websocool</a><br>
            <font class="texte">tout sur le web
          </td>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=15"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr>
          <td bgcolor=#dfdfff align="center">
            <font color="#299D26" size="1" face="Verdana"><b>16</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://www.redstar09.org/forum/index.php?owner=Chiwalou">Le Site officiel du Red Star 09</a><br>
            <font class="texte">Le Red Star 09 évolue dans le championnat de football-loisir du Midi toulousain depuis l'an 2000. Ouvert à tous, c'est une association sportive loi 1901 qui attend vos propositions pour se diversifier.
          </td> 
          <br>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=16"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr>
          <td bgcolor=#dfdfff align="middle"><font color="#299D26" size="1" face="Verdana"><b>17</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://lesjoueursdelatoile.com/pages/les_joueurs_de_la_toilepag.html">les joueurs de la toile</a><br>
            <font class="texte">ce site est dédié aux jeux vidéos et à la mise en commun des connaissances des joueurs
          </td>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=17"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr>
          <td bgcolor=#dfdfff align="middle"><font color="#299D26" size="1" face="Verdana"><b>19</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://www.yoshi-paradize.com">Yoshi-Paradize.com</a><br>
            <font class="texte">Retrouvez sur Yoshi-Paradize, site entièrement consacré a Yoshi, toutes les ressources nécessaires pour connaitre en intégralité son histoire, sa carriere chez Nintendo, ainsi que des tonnes d'infos pratiques à son sujet !
          </td>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=19"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr>
          <td bgcolor=#dfdfff align="middle">
            <font color="#299D26" size="1" face="Verdana"><b>20</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://www.justnet-woodgate.com">Justnet-Woodgate</a><br>
            <font class="texte">C'est un Communauté de Rôliste, qui vous propose de nombreuses choses dans une bonne ambiance. Nous pouvons vous proposer de multiples Ressources, un Jeu de Rôles Gratuit à Télécharger, et nous pouvons vous proposer de venir nous rejoindre sur les Forums pour Jouer au Jeu de Rôle en ligne ! Enfin bref, vous êtes libres, ce site est à vous
          </td>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=20"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr>
          <td bgcolor=#dfdfff align="center">
            <font color="#299D26" size="1" face="Verdana"><b>22</b></font>
          </td>
          <td align=left valign=top bgcolor=#dfdfff> 
            <a class="menu2" href="http://www.lescro.com">lesCRO.com - Servir les Univers et Planer sur Uran</a><br>
            <font class="texte">Portail des Choux Rouges de lOnf.
          </td>
          <td bgcolor=#dfdfff align="center">
            <font><a class="menu2" href="Ok.php?siteid=22"><img src="http://yoshi-paradize.com/forum/images/edit_old.gif"></a></font>
          </td>
        </tr> 
        <tr bgcolor=#dfdfff>
          <td width="50" height="20" bgcolor=#dfdfff align="middle" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif">&nbsp;</td>
          <td background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif">&nbsp;</td> 
          <td bgcolor=#dfdfff width="50" align="middle" background="http://www.forum-aztek.com/forum/styles/Woodgate-WG3/menu3.gif">&nbsp;</td>
        </tr>
      </table>
      </center>
      <center>
      <font class="atk_aztek">Obtenez votre forum Aztek sur <a href="http://www.forum-aztek.com" target="_blank" class="atk_aztek">http://www.forum-aztek.com</a></font>
    </td>
  </tr>
</table>
</body>
</html>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

26 juin 2005, 13:08

Il y a aussi des <font> non fermées.
<font class="texte">ce site est dédié aux jeux vidéos et à la mise en commun des connaissances des joueurs 
Conseil :
- vérifie toutes tes balises : fermetures, enchevêtrements,...
- passe à une mise en page plus valide : <div>, <span>,... plutôt que <font>...

Cela permettra peut-être de résoudre un certain nombre de choses... ;)

Aurel
Invité n'ayant pas de compte PHPfrance

26 juin 2005, 13:27

Ok, merci beaucoup les gars.
Juste une question, Cyrano, le <tr> non refermé, il est où ?

Mammouth du PHP | 19672 Messages

26 juin 2005, 13:36

...<b>Modifier</b></font></td><tr><td bgcolor=#dfdfff ...
Ligne 12 du code que tu nous as mis plus haut
devrait être:
...<b>Modifier</b></font></td></tr><tr><td bgcolor=#dfdfff ...
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Aurel
Invité n'ayant pas de compte PHPfrance

26 juin 2005, 14:38

Ok, merci bien, tout marche comme il faut maintenant 8)