18041 sujets

Questions générales et questions de débutants

CCS:probleme d'espacement vertical entre 2 blocs

bjr quelq'un pourrais il maider j'ai un probleme d'espacemet vertical entre mes 2 blocs
voici mon code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css"/>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="banniere"></div>
<div id="menu"></div>
</body>



</html>

et voici mon code CCS

body
{
width:780 px;
margin: 0 auto;
padding: 0px;
background-image: url("image de fond site.jpg");
text-align:center;
}



#banniere
{
background:url("banniere2.png");
width: 719px;
height: 146px;
background-repeat: no-repeat;
margin-top: 50px;
margin: auto;
position:relative;

}
#menu
{
background:url("menu.png");
width: 444px;
height: 28px;
background-repeat: no-repeat;
padding-top: 20px;
margin: auto;
text-align:center;
position:relative;
}
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour,
Il semble ensuite que tu n'aies pas formulé de question au-delà de ton titre...
On supposera donc qu'il s'agit des blocs bannières et menus ?
Un petit contrôle de tes padding et margin devrait résoudre ton affaire... (et vérifier si tu veux bien auto ou fixe...)
Bon courage
je dois faire un espace vertical entre ma banniere et mon menu j'ai essayé de changer dans padding mais ca ne marche pas
Salut
Comme dit par Macpom
a écrit :

Bonjour,
Il semble ensuite que tu n'aies pas formulé de question au-delà de ton titre...

Je n'ai pas testé tes codes mais, si je comprends bien du veux dans un body de 780px (sic!!!!!!!!) mettre 2 div de dimensions: 

#banniere
{
background:url("banniere2.png");
width: 719px;
height: 146px;
background-repeat: no-repeat;
margin-top: 50px;
margin: auto;
position:relative;

}
#menu
{
background:url("menu.png");
width: 444px;

Déjà, une taille de body.... Smiley biggol ...mais en plus dans 780px tu veux : 719px + 444 px....
Conseils (ad minima je pense):

body...le fond que tu veux 
#ensemble_de_ton_site
{
width:780 px;
margin: 0 auto;
padding: 0px;
background-image: url("image de fond site.jpg");
text-align:center;
}
#banniere
{
background:url("banniere2.png");
width: 719px;


}
#menu
{
background:url("menu.png");
width: 61px;
}


Pas certain, mais ça devrait commencer à aller mieux.... Smiley lol
Sujet clos
Aller à