bonjour,
j'ai fait deux listes différentes ayant deux classes différentes.
La première comporte un float:left et la deuxième un float:none.
mon problème est que la deuxième liste vient se coller à la première alors que normalement elle devrait être en dessous.
extrait de la page html
et le 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 <ul class='menu_nav'> <li> <a href='' > Précédent </a> </li> <li> <a href=\"\"> Index </a> </li> <li> <a href='' > Suivant </a> </li> </ul> <ul class='album'> <li> <span>Titre :</span> </li> <li> <img src=\"$chemin\"> </li> <li> Commentaires : </li> </ul>
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
48 .menu_nav li { width:30%; float:left; text-align:center; font-weight:bold; } .menu_nav a:hover { background-color:#045000; color:white; text-decoration:none; } .menu_nav a { display:block; font-weight:bold; border:1px Solid black; } .album li { float:none; } .album p { border: 1px solid #e6e6e6; font-weight:normal; } .album p:first-letter { color:black; font-size:11px; } .album { text-align:center; }
Partager