border-bottom avec IE7

Version imprimable

Bonjour , j'ai un probleme mon code fonctionne avec IE6,firefox , opera mais avec IE7 ma border-bottom n'apparait pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<div class="menu">
     <ul>
         <li><a href="" class="selected">Accueil</a></li>
         <li><a href="">Solutions</a></li>
         <li><a href="">Tarifs</a></li>
         <li><a href="">Fonctionnement</a></li>
         <li><a href="">Realisation</a></li>
         <li><a href="">Contact</a></li>			 	
     </ul>
</div>

Code:

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
 
#header .menu{
width:750px;
height:50px;
float:right;
}
 
#header .menu ul{ 
list-style:none; 
padding: 10px 0 0 10px;
letter-spacing:1px;
}
 
#header .menu ul li{
display:inline;
margin:1ex 0.1em 0 2em;
}
 
#header .menu a{
text-align:center;
color:#000;
}
 
#header .menu a.selected { 
color:#000; 
border-bottom:#FF6600 3px solid;
}

31/05/2009, 16h36
lightstring4

Re

Comme t'as essayé de m'aider avant, eje vais essayer pour toi car je pense avoir une réponse.

Un <a> est une balise inline, je crois qu'on ne peut pas mettre de bordure à un élément inline, il faut le passer en block (display: block). Moi aussi je suis en train de créer un menu avec des <ul> et <li>. Perso je mets plutôt la bordure à l'élément <li> qui est block par défaut. D'ailleurs je vois que tu as mis <li> en inline, moi je mets plutôt en float:left car je crois que suivant les navigateurs ça marche pas pareil.

Fais moi savoir ce que ça donne.:ccool:
31/05/2009, 18h01
tiesto95

Merci pour ton aide non en faite j'utiliser le reset css d'eric meyer du coup pas mal de bug avec ce reset je les viré.Du coup ça marche bien Merci:ccool: