Image qui ne commence pas en haut

Résolu
petit bibi Messages postés 267 Statut Membre -  
canarder Messages postés 2034 Statut Membre -
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 ?

A voir également:

12 réponses

petit bibi Messages postés 267 Statut Membre 4
 
et merci d"avance pour vos réponses.....
0
tchernosplif Messages postés 714 Statut Membre 248
 
margin:0
0
petit bibi Messages postés 267 Statut Membre 4
 
déjà essayé :)

marche pas, elle ne veut pas cette méchante.
0
tchernosplif Messages postés 714 Statut Membre 248
 
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 267 Statut Membre 4
 
pas terrible que je n'utilise pas de div :-(

de toute façon ça ne marche pas....
0
petit bibi Messages postés 267 Statut Membre 4
 
en fait la question que je me pose c'est pourquoi margin-top:0; n'a aucune incidence ?
0
bg62 Messages postés 26231 Date d'inscription   Statut Modérateur Dernière intervention   2 418
 
0
petit bibi Messages postés 267 Statut Membre 4
 
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 26231 Date d'inscription   Statut Modérateur Dernière intervention   2 418
 
commence calmement par suivre le tuto ...
0
petit bibi Messages postés 267 Statut Membre 4
 
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 267 Statut Membre 4
 
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 2222 Statut Membre 213
 
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 2222 Statut Membre 213
 
<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 2034 Statut Membre 355
 
et du xhtml
0
canarder Messages postés 2034 Statut Membre 355
 
body,html{ 
margin-top:0px; 
} 

????? canarder ?????
Le Renard qui règne sur le WEB : Firefox
0
petit bibi Messages postés 267 Statut Membre 4
 
pas mal ! mais non....
0
Eastchild Messages postés 337 Statut Membre 31
 
Bonjour,

essaye en tapant dans ton CSS

body{ 

background-image:url(3.jpg); 

} 



no frame no pain
0
Eastchild Messages postés 337 Statut Membre 31
 
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 267 Statut Membre 4
 
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 267 Statut Membre 4
 
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 2222 Statut Membre 213
 
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 267 Statut Membre 4
 
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 2034 Statut Membre 355
 
body{
background: url(bg.jpg) no-reapeat fixed;
}
0