Salut à tous alors voial j'ai un souci, je cherche a créer mon site mais la j'ai un souci.

Lorsque j'affiche ma page les bouton sont tous séparés par un espace et les differents corps sont espacer, hors je ne veut pas qu'il y'ai d'espace, bref, plutot qu'un long discours voici le probleme.

http://lestat.design.free.fr

maintenant voici mon code source de la page html:

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test php/xhtml</title>
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="Menu.css" />
</head>
 
<body>
<div id="Banners" align="center" class="Menu"><ul>
  <li><img src="Images/index_02.png"></img><img src="Images/index_03.png"></img><img src="Images/index_04.png"></img></li>
</ul></div>
<div id="SWF" align="center" class="Menu"><ul><li><img src="Images/index_06.png"></ul></li></div>
<div id="Menu" align="center" class="Menu">
<ul>
<li><img src="Images/index_07.png"></img></li>
<li><a href="index.php"><img src="Images/index_08.png" border="0"></img></a></li>
<li><a href="projet.php"><img src="Images/index_09.png" border="0"></img></a></li>
<li><img src="Images/index_10.png"></img></li>
<li><a href="média.php"><img src="Images/index_11.png" border="0"></img></a></li>
<li><img src="Images/index_12.png"></img></li>
<li><a href="histo.php"><img src="Images/index_13.png" border="0"></img></a></li>
<li><img src="Images/index_14.png"></img></li>
<li><a href="jobs.php"><img src="Images/index_15.png" border="0"></img></a></li>
<li><img src="Images/index_16.png"></img></li>
<li><a href="liens.php"><img src="Images/index_17.png" border="0"></img></a></li>
<li><img src="Images/index_18.png"></img></li>
</ul></div>
</body>
</html>

et maintenant voici le style 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
body {background: background-color:#CCCCCC;
margin: auto;
margin-top: 20px;
margin-left: 20px;
}
 
/* en tete banniere*/
 
div#Banners li {
display: inline;
padding: 0 0;
margin: 0 0;
margin-top: 0px;
border-color: none;
}
 
div#Banners ul {
list-style-type: none;
border-color: none;
}
 
/* Banniere swf */
 
div#SWF li{
display:inline;
padding: 0 0;
margin: 0 0;
margin-top: 0px;
border-color: none;
}
 
 
/* Menu sous le swf */
 
div#Menu li {
display: inline;
padding: 0 0;
margin: auto;
margin-top: 0px;
border-color: none;
}
 
div#Menu ul {
list-style-type: none;
border-color: none;
border: none;
}

les balises ul et il me servent pour creer un menu horizontal en liste non ordonnées.

j'ai essayer de mettre les margin (top bottom ....) a zero mais rien n'y fait, j'ai essayer de les supprimer mais c'est toujours le meme probleme.