Discussion :

[xophedu82]

Bonjour,
J'ai un menu qui fonctionne parfaitement avec Firefox mais pas avec IE.
Pouvez-vous m'aider à y voir plus clair afin qu'il fonctionne avec les deux ?
Merci d'avance

MON CODE 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
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
 
 
.buttonmenu li a{
color: #FFFFFF;
font-family:verdana, sans-serif;
font-size:10;
display: block;
width: 88%;
padding: 10px 10px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color: white;
background-color: #CCCCCC;
text-decoration:none;
}
 
.buttonmenu li a:visited{
color: #FFFFFF;
}
 
 
.buttonmenu li a:hover, .buttonmenu li a:active{
color: white;
background-color: #CC0033;
}

MA PAGE HTML

Code html :

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

1
2
3
4
5
6
7
8
<ul class="buttonmenu">
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.cc-deuxrives.com/index.php" target="_self">ACCUEIL</a></font> </li>
 
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.cc-deuxrives.com/communaute.php" target="_self">COMMUNAUTE</a></font> </li>
 
<li><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.cc-deuxrives.com/plan.php" target="_self">PLAN</a></font></li>
 
                          </ul>

[Bisûnûrs]

1. "Ca fonctionne pas" ne veut rien dire.
2. Il y a actuellement 3 versions de IE sur le marché, on ne sait pas de laquelle tu parles.
3. Un morceau de code c'est bien, savoir si tu respectes les standards c'est mieux. Donc on ne sait pas si tu as un DOCTYPE et lequel.

[xophedu82]

Bonjour et merci pour ces remarques justifiées ! :-)

Quand je dis que ça ne fonctionne pas, je veux dire que les éléments du menu vertical s'affichent normalement avec Firefox mais qu'il y a un espace entre chaque lorsque j'utilise IE (version 6.0)

Le doctype est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Le site est en ligne à www.cc-deuxrives.com

[Bisûnûrs]

C'est sans doute un problème de hasLayout, essaie de rajouter un width:100% dans le style de tes li.

[xophedu82]

Ca ne marche pas... en fait, l'espace est vertical et non horizontal. Je ne connais pas les balises qui fonctionnent avec firefox par rapport à celles de IE ; je pense que ça vient de là mais en tout cas, merci pour ton aide.

[cssman]

Il y a une contradiction en le code html et le code CSS.
Si vous utilisez les CSS, inutile de déclarer des <font> dans votre code html !
La code html devrait donc être simplement :

Code html :

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

1
2
3
4
<ul class="buttonmenu">
<li><a href="http://www.cc-deuxrives.com/index.php">ACCUEIL</a></li>
[. etc.]
</ul>

Par ailleurs, IE6... Son utilisation est à moins de 13% à présent (youpi !!) Faut-il se prendre la tête pour quelques pixels de décalage si tout fonctionne bien par ailleurs ?

[xophedu82]

Merci mille fois ! J'étais un peu parti dans cette direction à force d'essais et là ça fonctionne. C'est vrai qu'on se prend la tête pour pas grand chose, bientôt le regne de IE touchera à sa fin ! :-)
Merci merci merci !