Image qui ne commence pas en haut

Résolu/Fermé
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 - 8 sept. 2010 à 17:38
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 - 24 sept. 2010 à 21:21
Bonjour,

J'ai mis une image qui a ça en css, background-image:url(3.jpg);

Je voudrais qu'elle commence d'en haut mais elle débute 1 cm après me laissant un bord blanc.

Cette image est dans une div qui a comme css width: 1100px; margin: auto;
cad pas grand chose d'embêtant (normalement :) )

Voyez vous pourquoi l'image ne commence pas complétement en haut ?

12 réponses

petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 17:39
et merci d"avance pour vos réponses.....
0
tchernosplif Messages postés 600 Date d'inscription dimanche 8 novembre 2009 Statut Membre Dernière intervention 21 juin 2015 244
8 sept. 2010 à 17:48
margin:0
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 17:51
déjà essayé :)

marche pas, elle ne veut pas cette méchante.
0
tchernosplif Messages postés 600 Date d'inscription dimanche 8 novembre 2009 Statut Membre Dernière intervention 21 juin 2015 244
8 sept. 2010 à 17:54
essayes de ne pas utiliser de div mais plutôt

<BODY BACKGROUND="3.jpg" LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0 style="background-attachment:fixed;">
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 18:09
pas terrible que je n'utilise pas de div :-(

de toute façon ça ne marche pas....
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 18:10
en fait la question que je me pose c'est pourquoi margin-top:0; n'a aucune incidence ?
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
8 sept. 2010 à 18:18
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 18:30
ya rien qui marche :(

padding, margin top tout essayé mais à chque fois ça ne part pas d'en haut

je suis dépité...
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
8 sept. 2010 à 18:33
commence calmement par suivre le tuto ...
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 18:35
je suis très calme car dépité :)

et j'ai fait tout le tuto même le deuxième.
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
8 sept. 2010 à 18:41
je viens de trouver à l'instant une triche qui me permet de remonter l'image, c'est de mettre
margin-top: -20px;

mais ça fait laid dans le code, ça fait le gars qui sait pas pourquoi ça ne commence pas en haut et la personne a qui je vais donner le site je le connais il va me dire c'est quoi cette arnaque ?

et puis tout simplement pour moi j'aimerais savoir pourquoi ça ne part pas dans haut.
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
8 sept. 2010 à 20:18
Question à tout hasard : tu as fait un reset dans ta CSS ?
C'est en ligne ta page qu'on voit ça de plus près ?
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
8 sept. 2010 à 20:17
<BODY BACKGROUND="3.jpg" LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0 style="background-attachment:fixed;">

OMG !! Depuis le html 3.2, le langage a évolué : on est en 2010 à l'ère du html5 !
0
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
9 sept. 2010 à 10:14
et du xhtml
0
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 9/09/2010 à 10:15
body,html{ 
margin-top:0px; 
} 

????? canarder ?????
Le Renard qui règne sur le WEB : Firefox
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
9 sept. 2010 à 10:21
pas mal ! mais non....
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
Modifié par Eastchild le 9/09/2010 à 11:25
Bonjour,

essaye en tapant dans ton CSS

body{ 

background-image:url(3.jpg); 

} 



no frame no pain
0
Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
9 sept. 2010 à 11:27
J'ai oublier de préciser qu'il faut l'enlever du div en question (ainsi que le margin-top:-25px;)
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
9 sept. 2010 à 11:32
ah bah c'est la première fois que je vois mon image commencer d'en haut sans bidouille ! Bravo !
Par contre l'image ne doit pas être dans le body. Elle doit être juste dans la div qui sert d'en tête, d'une largeur de 1100 px centré. Par la suite je vais mettre une autre image à droite et à gauche de cette div.
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
9 sept. 2010 à 11:33
j'avais pas vu ton deuxième message, oui je l'ai fait, enlever de la div en question l'url et le margin-top
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 9/09/2010 à 13:11
Je t'avais demandé si tu avais fait un reset... tu n'as pas répondu ! Mais je suppose que non.

Donc tu mets ça au début de ta CSS :
* { 
margin:0; 
padding:0 
}


Ou au moins :
html, body { 
margin:0; 
padding:0 
} 

Et ensuite, bien sûr, il faudra redéfinir toutes marges à chaque élément. Mais avec un reset tu ne devrais normalement plus avoir de pbs.
0
petit bibi Messages postés 250 Date d'inscription samedi 21 août 2010 Statut Membre Dernière intervention 3 avril 2023 4
9 sept. 2010 à 16:58
La personne pour qui je fais le site m'a dit que c'était normal car c'est un paramètre de la div qui créé ce blanc et qu'on est obligé de mettre ce margin-top: -25px pour remonter l'image.

Je vais rester avec cette bidouille, ça servira peut-être à d'autres :)

Merci encore pour vos réponses ! :)
0
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
24 sept. 2010 à 21:21
body{
background: url(bg.jpg) no-reapeat fixed;
}
0