Marge mystique sur ul/li [Résolu]

FirePrawn · 13/12/2011, 15h03

Bonjour,

Après avoir cherché quelques temps sans succès, je m'adresse à l'ensemble de la communauté

J'replonge un peu dans la programmation web, ça me manquait. Et apparemment, j'ai également manqué plein d'choses

Ce qui fait que je suis encore plus nul qu'avant pour le design...

J'ai une marge entre une liste ( mon menu ) et une div ( mon corps ) que je n'arrive pas à supprimer ne voyant pas d'où elle provient.

Mon css :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
body
{
	background-color: #DCC7FF;
 
}
 
/* L'en-t&#48485; */
 
#header
{
	width: 800px;
	height: 175px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background-image: url('../images/violet-prism.jpg');
}
 
/* Le menu */
 
#menu
{
	width: 800px;
	height: 40px;
	color: #333333;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;   
	margin-right: auto;
	margin-left: auto;
	background-color: #DCC7FF;
 
}
 
#menu ul
{
	padding-left: 0;
}
 
 
#menu ul li 
{
    border-radius: 5px 5px 0 0;
    float: left;
    height: 35px;
	margin-bottom: 0px;
    padding: 0 13px;
	background-color: #D9EBFF;
}
 
.onglet
{
	margin-left: 5px;
}
/* Le corps de la page */
 
#body
{
	width: 800px;
	height: 1600px;
	margin-bottom: 20px;
	color: #333333;
	margin-right: auto;
	margin-left: auto;
	background-color: #E7F0FF;
}
 
#body h1
{
   color: #333333;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin : 0;
}

Mon menu :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<ul>
	<li>
		<span>Catégorie 1</span>
	</li>
	<li class="onglet">
		<span>Catégorie 2</span>
	</li>
	<li class="onglet">
		<span>Catégorie 3</span>
	</li>
</ul>

Et mon index :

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
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<link rel="stylesheet" media="screen" type="text/css" href="../css/style.css" />
</head>
<body>
	<div id="header">
	</div>
	<div id="menu">
		<?php
			include("menu.php");
		?>
	</div>
	<div id="body">
		<h1>Lorum Ipsem blabla</h1>
	</div>
	<div id="footer">
	</div>
</body>
</html>

Merci d'avance aux yeux magiques qui trouveront la subtilité

Bovino · 13/12/2011, 15h10

Code :

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

1
2
3
4
5
6
7
8
9
#menu
{
	height: 40px;
}
 
#menu ul li 
{
    height: 35px;
}

Tu as bien 5px d'écart

FirePrawn · 13/12/2011, 15h14

Hm dieu bénisse les bovins

Merci Didier

c'est officiel, les habitués du Anochat sont aveugles

13/12/2011, 15h14	#3
FirePrawn Modérateur Sébastien Ingénieur réalisateur Inscription : mars 2011 Messages : 779 Détails du profil Informations personnelles : Nom : Sébastien Âge : 24 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 779 Points : 2 366 Points : 2 366	Hm dieu bénisse les bovins Merci Didier c'est officiel, les habitués du Anochat sont aveugles __________________ - Avant toute chose : lire le mode d'emploi du forum et ses règles. - avant de poster - Je ne réponds pas aux questions techniques en MP.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email