Discussion :

[pp51]

Bonjour

qq un peut-il m'expliquer pourquoi sur ma page:
http://www.princessedunjour.com/

le menu de gauche est ramassé sur ff alors qu'il s'étale sur ie (espacement vertical x3 sur ie) ?

On m'a dit de d'abord développer pour ff et ensuite tester et corriger pour ie. J'avais pensé au padding, mais cela ne change rien...

J'offre ma reconnaissance extreme à celui ou celle qui m'aidera

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
30
31
32
33
34
35
36
37
38
39
40
41
 
ul#menu_gauche {
margin: 40px 0 0 0;
letter-spacing: 0.2em;
list-style-type: none;
font-family: Arial, Times, serif;
font-size: 60%;
text-align: left;
}
#menu_gauche a {
display: block;
color: #999999;
text-decoration: none;
text-align: left;
}
#menug1 {
margin-bottom: 10px;
}
#menug2 {
margin-bottom: 10px;
}
#menug3 {
margin-bottom: 10px;
}
#menug4 {
margin-bottom: 10px;
}
#menug5 {
margin-bottom: 10px;
}
#menug6 {
margin-bottom: 10px;
}
#menug7 {
margin-bottom: 10px;
}
#menug8 {
}
#menu_gauche a:hover {
color: #000000;
}

et le xhtml du menu de gauche:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<ul id="menu_gauche">
    <li><a id="menug1" title="Toute la collection" href="#">TOUTE LA COLLECTION</a></li>
    <li><a id="menug2" title="Perles de rocaille" href="#">PERLES DE ROCAILLE</a></li>
    <li><a id="menug4" title="Cristal Swarovki" href="#">CRISTAL SWAROVSKI</a></li>
    <li><a id="menug5" title="Perles de Bohème" href="#">PERLES DE BOHEME</a></li>
    <li><a id="menug6" title="Fleurs de soie" href="#">FLEURS DE SOIE</a></li>
    <li><a id="menug7" title="Perles nacrées" href="#">PERLES NACREES</a></li>
    <li><a id="menug8" title="Guipure brodée" href="#">GUIPURE BRODEE</a></li>
    </ul>

[pp51]

bon j'ai pigé, c'était line-height qu'il fallait utiliser

Par contre, j'ai mis margin-left à 0px, donc mon menu devrait se positionner juste en dessous du logo... collé à gauche...

C'est le cas sous ie mais pas sous ff...

une idée ?

merci d'avance

mode 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
 
ul#menu_gauche {
margin-top: 40px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
letter-spacing: 0.2em;
list-style-type: none;
font-family: Arial, Times, serif;
font-size: 60%;
text-align: left;
}
#menu_gauche a {
color: #999999;
text-decoration: none;
text-align: left;
}
#menug1 {
line-height: 30px;
}
#menug2 {
line-height: 30px;
}
#menug3 {
line-height: 30px;
}
#menug4 {
line-height: 30px;
}
#menug5 {
line-height: 30px;
}
#menug6 {
line-height: 30px;
}
#menug7 {
line-height: 30px;
}
#menug8 {
line-height: 30px;
}
#menu_gauche a:hover {
color: #000000;
}

[francis m]

ajoute un padding:0; dans ton style ul

[pp51]

merci, ça fonctionne !