Discussion :

[stefsas]

Bonjour,

J'ai réalisé une page avec une image de fond et j'ai insérer dedans une autre image pour bandeau du haut.
Mon problème est que mon image du bandeau ne fait pas toute la largeur de ma page et aussi que mes marges du haut et des deux côtés ne sont pas égale à 0 ( c'est à dire que je veux que mon bandeau colle au bord de la fenêtre).

Voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
body
{
   background-image:url("Images_Projet/Images_fond/img29.jpg");
}
 
 
/*Bandeau d'entête*/
#header 
{
 height: 102px;
 margin : 0 px;
 padding : 0px;
 background:url("Images_Projet/Images_fond/Logo2.jpg") no-repeat top;
}

Si quelqu'un voit le problème? Merci.

[stefsas]

J'ai testé autre chose avec ce code la :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body
{
  background-color : #F2EBE3;
  margin-left : 0%; 
  margin-top: 0%; 
  margin-right : 0%; 
  margin-bottom: 0%;
}
 
 
/*Bandeau d'entête*/
#header 
{
  width :100%;
  height: 102px;
}    
 
img {border: 4px solid #D6DAE4;}

et dans le code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img id="header" alt="" src="Images_Projet/Images_fond/Logo2.jpg" />

Mon problème, en faisant comme ça, c'est que mon image est déformée.
Est-ce que quelqu'un voit comment je pourrait éviter ça tout en gardant mon bandeau sur toute la largeur de ma page ?

Merci.

[nico le noob]

salut,

ton image fait quelle taille ? tu dois respecter a taille de ton image !

ha oui aussi pour le positionement, rien ne sert de mettre 4 valeurs à zero, c'est la config par default si tu ne met aucune valeur, alors autant garder ton code simple et propre en ne mettant rien...

donne le lien de ton site si tu veux se sera plus simple pour tout le monde