18041 sujets

Questions générales et questions de débutants

Cangement de couleur de fond lors du survol d'un DIV

Bonjour,

Je n'arrive pas a crée un div, et faire en sort que lorsque la souris le survole il change de couleur

Voici mon CSS
.floatrub {
  float: left;
  width: 100%;
  margin: 1em 0;
}
.floatrub .floatlist {
  float: center;
  margin: 10px;
  border: 1px dashed #CCCCCC;
  margin: 1em 0;
  width: 98%;
  height:100px;
  text-align: left;

}

.floatrub .floatlist:hover {
background:#CCCCCC; 
color:#000000; 
}


Le problème c'est le contour du lien qui change de couleur et non le fond du div

Je ne comprend pas pourquoi
Bonjour,

À vue de nez, ça devrait marcher. S'il y a un problème, on aura du mal à le trouver sans voir le code HTML correspondant, voire (c'est mieux) la page en ligne.
Oui normal avec le DOCTYPE ça ira mieux
voici ma version ultra simplifiée avec le bon dOCTYPE Smiley eek 



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

<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>

<head>

<style type="text/css">
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#9999ff;
  color:#000000; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
div.floatlist {
  background-color:#999999;
  float: center;
  margin: 10px;
  border: 1px dashed #0000CC;
  margin: 1em 0;
  width: 98%;
  height:100px;
  text-align: left;
}

div.floatlist:hover {
background-color: #9999ff;
color:#000000; 
}
</style>
  </head>
  <body>
  <div class="floatlist">
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
  </div>
  </body>
</html>
FoxLeRenard a écrit :

Oui normal avec le DOCTYPE ça ira mieux
voici ma version ultra simplifiée avec le bon dOCTYPE Smiley eek 


<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 
Strict//EN'  'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<style type="text/css">
...
</style>
  </head>
  <body>
  <div class="floatlist">
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
  </div>
  </body>
</html>

supercalifragilisticexpialidocius ?...
Salut effectivement ça marche, mais le nouveau doctype me décale tous, donc je pense que je vais passer au javascript

Merci
Modifié par El-annabi (23 Apr 2009 - 10:42)
Sujet clos
Aller à