Bon, je sais que ce sujet a été abordé maintes fois, je viens de passer plus d'une heure à parcourir toutes les réponses, mais aucune ne fonctionne pour moi. En plus, vous parlez souvent de choses que j'ignore totalement : CSS Xhtml etc...
Mon pb est tout simple, je suis en html de base, vraiment de base, et, si je n'ai pas de marges du tout sous IE, si j'ai réussi à ce qu'il n'y en ait pas à gauche sous FF, je n'arrive pas à supprimer celle du haut sous FF (et il n'y a pas d'espace avant l'image).
La première ligne est celle-ci :
<body bgcolor="#EFCE98" background="images/fond.gif" text="#310000" link="#310000" vlink="#310000" alink="#310000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" margin: 0px; padding: 0px;>
J'ai essayé avec et sans les ; à la fin, avec et sans les "px", avec et sans guillemets, avec et sans espace après les : etc...
RIEN A FAIRE, j'ai tjs une marge en haut de mon image sous FF (mais pas sous IE) !
L'adresse : http://www.ecriture-et-partage.com
Je précise que l'image est dans un tableau et que en fin de compte c'est le tableau qui est en-dessous de la marge, le tableau lui-même ayant des marges à 0.
Si je mets une image directement sans tableau, le pb est le même.
Merci beaucoup !
Marge du haut insupprimable !
1)est une faute. La syntaxe correcte est
2)Si tu utilises le code ci-dessus, tu peux supprimer les topmargin, leftmargin, marginwidth et marginheight qui sont inutiles.
3)En faisant les modifications 1) et 2) tu t'apercevras qu'il n'y a pas de changement. Et pour une bonne raison, ce n'est pas le <body> qui est en faute. Si c'était le cas ta couleur de fond n'irait pas jusqu'en haut. Puisqu'elle y va c'est que ton <body> y va aussi et qu'il n'y a pas de marge en haut.
4)Juste après ton tableau il y a dans ton codeLa moitié du problème vient de là. <p> signifie paragraphe. En l'absence de spécification explicite, Firefox à la différence d'IE met automatiquement des marges aux paragraphes pour que le texte soit plus aéré. Je ne vois pas bien l'utilité de ces deux paragraphes vides, tu dois pouvoir les supprimer. Si vraiment tu veux les garder, modifie le code en
5)Tu vois maintenant que ta "marge supérieure" a diminue de moitié. Rajoute une bordure à ton tableau et tu verras qu'il est collé au bord supérieur. La deuxième moitié de ton problème est similaire au 4) mais à l'intérieur du tableau. Tu as placé tes images à l'intérieur d'un paragrapheTotalement inutile. Modifie en Ton image est maintenant collé en haut. 
6) Si tu souhaites que ta colonne de droite soit également collé en haut, rajoute une marge nulle au paragraphe "Un site web...Une association".
Code : Tout sélectionner
margin:0px;padding:0pxCode : Tout sélectionner
style='margin:0px; padding:0px'3)En faisant les modifications 1) et 2) tu t'apercevras qu'il n'y a pas de changement. Et pour une bonne raison, ce n'est pas le <body> qui est en faute. Si c'était le cas ta couleur de fond n'irait pas jusqu'en haut. Puisqu'elle y va c'est que ton <body> y va aussi et qu'il n'y a pas de marge en haut.
4)Juste après ton tableau il y a dans ton code
Code : Tout sélectionner
<p> </p>
<p> </p>Code : Tout sélectionner
<p style="margin:0"> </p>
<p style="margin:0"> </p>Code : Tout sélectionner
<p><b><i><font size="-2"><img src="Untitled-1_fichiers/anglehautavecliens.gif" usemap="#Map" border="0" height="179" width="507"><img src="Untitled-1_fichiers/anglegaucheaccueil.gif" usemap="#Map3" border="0" height="330" width="450"></font></i></b>
<map name="Map3"><area shape="rect" coords="162,49,271,93" href="http://129411.aceboard.fr/index.php" target="_blank"><area shape="rect" coords="149,94,275,142" href="http://www.ecriture-et-partage.com/amis.htm"><area shape="rect" coords="190,2,390,41" href="http://www.ecriture-et-partage.com/adherents/index.htm"><area shape="rect" coords="128,145,440,193" href="http://www.i-services.net/membres/faq/faq.php?user=19987" target="_blank">
</map>
</p>Code : Tout sélectionner
<img src="Untitled-1_fichiers/anglehautavecliens.gif" usemap="#Map" border="0" height="179" width="507"><img src="Untitled-1_fichiers/anglegaucheaccueil.gif" usemap="#Map3" border="0" height="330" width="450">
<map name="Map3"><area shape="rect" coords="162,49,271,93" href="http://129411.aceboard.fr/index.php" target="_blank"><area shape="rect" coords="149,94,275,142" href="http://www.ecriture-et-partage.com/amis.htm"><area shape="rect" coords="190,2,390,41" href="http://www.ecriture-et-partage.com/adherents/index.htm"><area shape="rect" coords="128,145,440,193" href="http://www.i-services.net/membres/faq/faq.php?user=19987" target="_blank">
</map>6) Si tu souhaites que ta colonne de droite soit également collé en haut, rajoute une marge nulle au paragraphe "Un site web...Une association".
-
Sylvie48
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités