Bonsoir,

j'effectue une mise en page à base de listes (plus propre que des tables). Mais l'usage des listes induit l'apparition d'un espace tout à gauche ; y a-t-il moyen de l'éliminer ?

Code actuel :
Code html : 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
<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>test</title>
    <style type="text/css">
#navigation { width:777px; font-family:Arial, Helvetica, sans-serif;}
#navigation .menu { float:left; width:33%;margin:0; padding:0; background-color:red;margin-right:2px;}
 
#navigation ul li { list-style:none; }
.title {
background-color:#4FA600; 
color:white;
width:100%;
display:inline-block;
text-align:center;
  font-weight:bold;
}
 
a:link:hover {color:#000000;} 
 
</style> 
</head>
  <body>
    <div id="navigation">
      <ul>
        <li><span class="title">Site Map</span></li>
        <li>
          <ul class="menu">
            <li><span ><a href="#">Liste1</a></span></li>
 
          </ul>
          <ul class="menu">
            <li><span ><a href="#">Liste2</a></span></li>
 
          </ul>
          <ul class="menu">
            <li><span ><a href="#">Liste 3</a></span></li>
 
          </ul>
 
        </li>
      </ul>
    </div>
  </body>
</html>