[RESOLU-Html/CSS] - Problème de décalage :-s - Une espace en haut que je ne peux pas

Bonjour à tous !

Après une matinée d'efforts, je ne suis pas parvenu à régler mon problème... J'utilise [Dreamweaver](http://www.clubic.com/telecharger-fiche10239-dreamweaver.html) 8 pour faire mes sites web et actuelle je bosse sur mon graphisme pour la version de l'année 2007 - 2008. le problème c'est qu'en haut de ma page "test" j'ai un espace assez important (deux lignes je dirais) dont je n'arrive pas à me débarasser.

Info : l'habillage du site est fait avec Fireworks et ensuite je "bidouille" sous Dreamweaver donc si vous me parlez de code, soyez précis et explicatifs... car je n'y connais absolument rien !

Voici la page en question : [Site à l'espace indélicat](http://docs.portail.123.fr/3S/pages/modele-normales.html#)

Voici également le code du début de la page. Vu l'endroit de l'espace indésirable, je pense que le problème se situe au début...

</style>
</head>
<body><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>
    <td><img src="PICS-normales/spacer.gif" width="25" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="145" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="15" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="318" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="238" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="6" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="53" height="1" border="0" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="1" height="1" border="0" alt="" /></td>

  </tr>
  <tr>
    <td height="110" colspan="4" rowspan="3"><img name="modelenormales_r1_c1" src="PICS-normales/modele-normales_r1_c1.jpg" width="503" height="110" border="0" id="modelenormales_r1_c1" alt="" /></td>
    <td><img name="modelenormales_r1_c5" src="PICS-normales/modele-normales_r1_c5.jpg" width="238" height="18" border="0" id="modelenormales_r1_c5" alt="" /></td>
    <td rowspan="3" colspan="2"><img name="modelenormales_r1_c6" src="PICS-normales/modele-normales_r1_c6.jpg" width="59" height="110" border="0" id="modelenormales_r1_c6" alt="" /></td>
    <td><img src="PICS-normales/spacer.gif" width="1" height="18" border="0" alt="" /></td>
  </tr>
  <tr>
    <td background="PICS-normales/modele-normales_r2_c5.jpg"><div align="center"> ... ... ...


Vous obtiendrez toute ma reconnaissance si vous parvenez à résoudre mon problème... Merci &#33;

SpeedyBoo

Je déplace sur le forum Programmation, je pense que ton problème y a plus sa place :wink:

Merci… Vu que je n’utilise quasi pas de “code”… j’y avais pas pensé LoL
Toutes mes excuses !

SpeedyBoo

Tu peux essayer de mettre margin-top : -50px sur ta balise body. Sous FF ca passe mais je ne sais pas si c’est bon sous IE

La méthode de kyodenball est radical mais est souvent mal interprété suivant les différents explorers, et n’est pas “propres”.

J’ai regardé rapidement ton problème, le décalage vient d’une image qui s’affiche avant ton entête, elle est de 1pixel de large et de 50pixels de hauteur. Cependant je n’ai pas pris le temps d’approfondir, mais elle n’apparaît pas dans le code source mais plutôt dans le code que je dirais interprété.

Je pencherais sur une image créé avec javascript, c’est le seul cas que je connaisse qui fasse ce genre de choses. Avec dreamreaver cependant il devrait te le signaler qu’il y a une image je pense, regarde bien :confused: !

<img src="PICS-normales/spacer.gif" width="1" height="50" border="0" alt="" />
  	<td>
  	</td>

Dans ton code, ta balise img n’a pas l’air d’être dans la balise td. Si c’est ça ton image se retrouve au dessu du tableau d’où le décalage.

exact, j’avais pas vu ça, et ce n’est pas le java script: je l’ai désactivé, ça fait pareil.

de plus la première ligne ne sert pas à grand chose:
<tr>
<td><img src="PICS-normales/spacer.gif" width="25" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="145" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="15" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="318" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="238" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="6" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="53" height="1" border="0" alt="" /></td>
<td><img src="PICS-normales/spacer.gif" width="1" height="1" border="0" alt="" /></td>

</tr>

tu pourrais éventuellement la supprimer

Même reflexe, mais comme je pouvais pas rebooter mon browser je me suis dit que ma desactivation n’avait pas pris effet.

Si je me souviens bien, un élément placé dans un tableau à l’arrache (sans cellule ni ligne) est placé directement avant le tableau. Etrange car j’avais fait une recherche dans le code source pour trouver une image avec les mêmes propriétés, et j’avais rien trouvé :confused: !

ah oui, mais le source il le recalcule quand on fait “afficher la sélection” :D, mais si on l’affiche avant, on voit bien l’emplacement d’origine de l’image.:wink:

j’ai essayé ce matin… Le résultat est que mon tableau n’a plus aucune mesure fixe et mon design est tout éclaté… Pas franchement terrible :smiley:

Merci pour cette piste !
(Et mettre height a 0 non plus, c’est pas une bonne idée)

J’ai pensé qu’il y avait un truc derriere mon tableau… J’ai sélectionné puis je l’ai coupé. Résultat : il me restait que les deux balises body cote à cote sans rien du tout entre les deux…

Plouf :frowning: Pshitttt :smiley:

D’autres suggestions ? :s

Un autre lien…
J’ai fait cette autre page de la meme maniere sauf que c’est moi qui ai créé le tableau…
Peut-être y trouverez vous la différence ?

Je désespère :riva:

http://docs.portail.123.fr/Y/home/

Daccord pour la 1ère ligne elle sert à quelque chose, mais kyodenball t’avais déjà donné la solution:

ton générateur html a généré une sytnaxe html incorrecte: ton img impératicement doit être entre les td /td et pas à côté. soit tu supprime le img, soit tu remplace par

<td><img src="PICS-normales/spacer.gif" width="1" height="50" border="0" alt="" /> </td>

Bingoooo ! En plein dans le mile !
C’était ligne 167…

Merci énormément, beaucoup, super, gentil, sympa, yahoooouuuuu, samba brazil, …
:clap: :super: :clap: :super: :clap:

Je sais pas ce qui a pris M. Fireworks quand il a exporté la page web… En tout cas je saurai pour la prochaine fois. Encore merci merci merci !

SpeedyBoo

Et toutes mes excuses à kyodenball… J’avais bien vu son message mais j’avais pas compris qu’il fallait que j’y change quelque chose…

Moi et le code oO’ Une longue histoire d’amour lol. A part rajouter des méta tags ou copier / coller du code pour faire fonctionner un dew player… je sais pas faire grand chose.

Donc merci à vous deux, et à tous ceux qui ont pris de leur temps pour me lire et chercher une réponse même s’ils n’ont rien écrit au passage.

[Résolu !]

Pas grave la prochaine je serais plus explicite :whistle: