28172 sujets

CSS et mise en forme, CSS3

Css menu prend forme qu apres avoir cliqué dessus

Bonjour,

J'ai un probleme de mise en forme de css dans mon menu, toute la page est nickel sauf la barre de menu, qui, lorsque je charge la page n'a pas le style css ( seulement souligné ), il faut que je clique dans chaque rubrique pour que le css prenne forme. Sous wamp ça ne me le fait pas, mais avec IE toujours.
Je debute... il y a sans doute des trucs que je ne connais pas !

Merci à ceux qui voudront bien m'aider
Bonjour et bienvenue sur Alsacréations,

Sans une page en ligne pour constater le phénomène il est difficile de t'aider Smiley cligne
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head> <link rel="stylesheet" type="text/css" media="screen" href="design3.css" />
</head>
<body>
<ul id="menu">
<li id ="current"><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
<li><a href="5.html">5</a></li>
<li><a href="6.html">6</a></li>
</ul>

</body>
</html>

mon code css

/*barre de menu*/

#menu li{
margin:0;
text-align:center;
display:inline;
padding:0;
font: Arial;
color: #666666;
position: relative;
}

#menu li ul a{

margin:0;
text-align:center;
font: Arial;
color: #666666;
text-align:center;
}

#menu a:visited{

background-color:lightyellow;
text-align:center;
color:#000;
font-size:1em;
padding:0.5em 0.85em 0.75em 0.50em ;
margin:0;
text-decoration:none;
text-transform:capitalize;
font: Arial, Helvetica, sans-serif;
}


ul{
text-align:center;
}

#menu a:hover {
color:#000;
background-color:#FFFFA0;
font-weight: bold;
}
Merci d'avance
remplace
#menu li ul a{

margin:0;
text-align:center;
font: Arial;
color: #666666;
text-align:center;
}


par
#menu a{

background-color:yellow;
text-align:center;
color:#000;
font-size:1em;
padding:0.5em 0.85em 0.75em 0.50em ;
margin:0;
text-decoration:none;
text-transform:capitalize;
font: Arial, Helvetica, sans-serif;
}

Si tu n'oublie pas d'effacer ton historique, tu verras une différence.
La modification à ne pas oublier est le remplacement de
#menu li ul a{
par
#menu a{
Sujet clos
Aller à