Image qui ne commence pas en haut

Résolu
petit bibi Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   -  
canarder Messages postés 1714 Date d'inscription   Statut Membre Dernière intervention   -
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 250 Date d'inscription   Statut Membre Dernière intervention   4
 
et merci d"avance pour vos réponses.....
0
tchernosplif Messages postés 600 Date d'inscription   Statut Membre Dernière intervention   247
 
margin:0
0
petit bibi Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   4
 
déjà essayé :)

marche pas, elle ne veut pas cette méchante.
0
tchernosplif Messages postés 600 Date d'inscription   Statut Membre Dernière intervention   247
 
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   Statut Membre Dernière intervention   4
 
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   Statut Membre Dernière intervention   4
 
en fait la question que je me pose c'est pourquoi margin-top:0; n'a aucune incidence ?
0
bg62 Messages postés 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
0
petit bibi Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   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 23733 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
commence calmement par suivre le tuto ...
0
petit bibi Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   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 250 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   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 1714 Date d'inscription   Statut Membre Dernière intervention   355
 
et du xhtml
0
canarder Messages postés 1714 Date d'inscription   Statut Membre Dernière intervention   355
 
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   Statut Membre Dernière intervention   4
 
pas mal ! mais non....
0
Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   31
 
Bonjour,

essaye en tapant dans ton CSS

body{ 

background-image:url(3.jpg); 

} 



no frame no pain
0
Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   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 250 Date d'inscription   Statut Membre Dernière intervention   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 250 Date d'inscription   Statut Membre Dernière intervention   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 1952 Date d'inscription   Statut Membre Dernière intervention   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 250 Date d'inscription   Statut Membre Dernière intervention   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 1714 Date d'inscription   Statut Membre Dernière intervention   355
 
body{
background: url(bg.jpg) no-reapeat fixed;
}
0