Des espaces non souhaité entre des div

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Fred71
Arias
Messages : 5
Inscription : 03 sept. 2012, 16:40

Des espaces non souhaité entre des div

Message par Fred71 »

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
Avatar de l’utilisateur
chriss..
Varan
Messages : 1182
Inscription : 13 nov. 2011, 23:15

Re: Des espaces non souhaité entre des div

Message par chriss.. »

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
--
Christian....
Avatar de l’utilisateur
chriss..
Varan
Messages : 1182
Inscription : 13 nov. 2011, 23:15

Re: Des espaces non souhaité entre des div

Message par chriss.. »

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, 8-) 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;
}
--
Christian....
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Des espaces non souhaité entre des div

Message par Ymai »

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 ?
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Fred71
Arias
Messages : 5
Inscription : 03 sept. 2012, 16:40

RESOLU Re: Des espaces non souhaité entre des div

Message par Fred71 »

Bonjour,

Merci à tous pour vos réponses. :D

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 :P
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 8 invités