Problème de marges

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:

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:

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.

Commence par rajouter ceci au début de la CSS :

Code:

1
2
 
* { margin:0; padding:0; }

Ensuite certaines parties de ton code css nettoyées :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
div#Banners li {
display: inline;
border-color: none;
}
 
div#SWF li{
display:inline;
border-color: none;
}
 
div#Menu li {
display: inline;
border-color: none;
}
 
div#Menu ul {
list-style-type: none;
border-color: none;
border: none;
}

ok merci bien pour cette précisions et le nettoyage, je test et si ça marche aps je re post pour faire voir l'avancement.