Geckozone

Bonjour,

J'ouvre un nouveau sujet qui j'espère sera simple à résoudre.

Pourquoi dès l'instant ou j'écris dans une boite celle-ci se sépare des autres.

J'ai créé 4 calques, en tête, menu, corps et peidpage.
Les quatres ont leur propore couleur pour mieux les visualiser. Ils sont tous bien empilés les uns sous les autres sans espace entre eux.
Dès que j'écris dans l'un d'entre eux ils "s'écarte" des autres et laisse un esapce avant et après !!

Code : Tout sélectionner

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
<style type="text/css">
body {
width: 800px;
margin-top: 0px;
margin-right: auto;
background-color: #ffccff;
margin-left: auto;
}
#entete {
background-color: #ffcc66;
}
#menu {
background-color: #33ff33;
}
#corps {
background-color: white;
}
#piedpage {
background-color: #ff6600;
}

</style>
</head>
<body>
<div id="entete">entete</div>
<div id="menu">
<ul>
<li>Accueil</li>
<li>Service</li>
<li>Produit</li>
<li>Entreprise<br>
</li>
</ul>
</div>
<div id="corps">corps</div>
<div id="piedpage">pied de page</div>
</body>
</html>

Merci de m'éclairer

Fréd

Bonjour,
je n,ai pas de réponse à ta question.....Mais pour ton code il te faudrait que tu inscrive un DOCTYPE!. cela te résoudrait, peut-être, certaines interrogations. Sans Doctype tous les navigations n'interpréterons pas de la même façon ton site.

https://www.google.ca/search?q=doctype& ... 80&bih=628

re,

pour tes espaces, en faisant le code css suivant tout rendre dans l'ordre.

Code : Tout sélectionner

ul {
margin: 0;
}

essaye chez toi, si cela résout ton problème.

edit:

pour alléger ton code,

au lieu de :

Code : Tout sélectionner

body {
width: 800px;
margin-top: 0px;
margin-right: auto;
background-color: #ffccff;
margin-left: auto;
}

fait

Code : Tout sélectionner

body {
width: 800px;
margin: 0 auto;
background-color: #ffccff;
}

Bonjour

Fred71 a écrit : Pourquoi dès l'instant ou j'écris dans une boite celle-ci se sépare des autres.

N'est-ce pas le sujet évoqué là: http://www.info.sio2.be/kpz/3/8.php#decalage ?

Bonjour,

Merci à tous pour vos réponses.

Dès l'instant ou je met un titre niveau <h...> dans mon calque celui ci "s'ecarte" des autres. La solution est de supprimer la marge en créant une règle pur <h1>, ce qui donne haute :

Code : Tout sélectionner

<style>
h1 {margin-top : opx;}
</style>

La solution est expliqué dans le lien fourni par Ymai, merci donc à lui.

Merci égalemet à Chriss, effectivement par moment mon code est un peu lourd, kompozer écris pourtant le strict minimum. J'ai donc allégé mon code.

Bonne journée à tous

Geckozone

Des espaces non souhaité entre des div

Des espaces non souhaité entre des div

Re: Des espaces non souhaité entre des div

Re: Des espaces non souhaité entre des div

Re: Des espaces non souhaité entre des div

RESOLU Re: Des espaces non souhaité entre des div