Discussion :

[tiesto95]

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

Code :

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

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 :

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
 
#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;
}

[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.

[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