28172 sujets

CSS et mise en forme, CSS3

Pourquoi mon survol est visible sur ie mais pas sur safari ni chrome ?

Bonjour j'ai crée une liste pour le menu de mon site et j'ai appliqué un effet de survol . a:hover
cela marche sur internet explorer mais pas sur google chrome ni safari.
Voici le code 
#barremenu ul a:hover {
  background: black none repeat scroll 0% 50%;
  font-size: 10px;
  font-family: Arial,Helvetica,sans-serif;
  padding-left: 10px;
  width: 190px;
  margin-left: -10px;
  color: white;
  list-style-type: none;
  float: left;
  text-transform: uppercase;
  display: inline;}

et le html
<div id="barremenu">
<ul>
<li><a href="accueil.html">ACCUEIL</a></li>
<li>INFOS <br>
</li>
<li>CONTACT<br>
</li>
<li>EN COURS</li>
<li>PUBLICATIONS</li>
</ul>
</div>

merci d'avance
salut essaie ceux-ci


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
<style type="text/css">

#barremenu ul { list-style-type: none; }


#barremenu ul a:hover 
	{   background: black none repeat scroll 0% 50%;
	    font-size: 10px;
	    font-family: Arial,Helvetica,sans-serif;
	    padding-left: 10px;
	    width: 190px;
	    margin-left: -10px;   
	    color: white;        
	    display: inline;
	 }
</style>
</head>

<body>
<div id="barremenu">
 <ul> 
   <li><a href="accueil.html">ACCUEIL</a></li>
   <li>INFOS <br> </li> <li>CONTACT</li>
   <li>EN COURS</li>
   <li>PUBLICATIONS</li>
 </ul>
</div>
</body>


avec un doctype ça marche.
Modifié par flattazor (12 Nov 2009 - 19:49)
Sujet clos
Aller à