Problème de marges

**ArKam** · 24/03/2007, 11h01

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.

**blueice** · 24/03/2007, 14h48

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

Code css :

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

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

Ensuite certaines parties de ton code css nettoyées :

Code css :

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
 
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;
}

**ArKam** · 24/03/2007, 15h32

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.

Problème de marges

HTML

Vue hybride

Discussions similaires

Partager

Partager