Discussion :

[cantabile]

Bonjour,
J'ai quelque chose de bizarre avec un menu CSS.
Voici le code html :

Code :

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

1
2
3
4
5
6
7
8
 
<div id="navigation">
  <ul id="menu">
  <li><a href="index.html">Présentation</a><li>
  <li><a href="page1.html">Page1</a></li>
  <li><a href="page2.html">Page2</a></li>
  </ul>
</div>

et le CSS correspondant :

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
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333F;
}
 
li {
    float: left;
}
 
li a{
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover {
    background-color: #111F;
}

Chez moi, ça fonctionne parfaitement avec la dernière version de Firefox. Avec d'autres machines, et le dernier Firefox aussi, le menu n'apparaît pas. Il est là, on peut cliquer dessus. Mais on ne voit rien à l'écran, seulement un bandeau blanc vide Même phénomène avec Chrome.
Vous auriez une idée ?

Merci !

[Invité]

Bonjour,

1/ le 1er <li> n'est pas correctement fermé.

2/ #333F; ??

[cantabile]

Ah merci ! Oui, je n'avais pas vu. C'est même curieux que ça ait marché chez moi !
J'essaie demain sur d'autres machines.