Marge mystique sur ul/li

**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뵥 */
 
#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

Marge mystique sur ul/li

CSS

Vue hybride

Discussions similaires

Partager

Partager