Perchè non funziona l'hover?
Ho creato una pagina web con relativo foglio di stile nel quale indico .button { attributi } e .button:hover { attributi } però il button:hover non funziona.. Questo è il codice css:
codice:
Codice:
body {
background-image: url(img/bg.png);
}
.button {
background-image: url(img/button.png);
width: 174px;
height: 40px;
float: left;
margin-right: 5px;
}
.button:hover {
background-image: url(img/buttonhover.png);
}
.buttontext {
text-align: center;
color: #FFFFFF;
font-size: 20px;
padding-top: 7px;
}
.buttontext a:link {
text-decoration: none;
color: #FFFFFF;
}
.buttontext a:visited {
text-decoration: none;
color: #FFFFFF;
}
.menu {
margin-left: 310px;
margin-bottom: 25px;
}
.testo {
color: #FFFFFF;
margin: auto;
width: 635px;
}
.banner {
background-image: url(img/banner.png);
width: 445px;
height: 257px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.top {
background-image: url(img/top.png);
width: 704px;
height: 19px;
margin: auto;
margin-top: 40px;
}
.center {
background-image: url(img/center.png);
width: 704px;
height: auto;
margin: auto;
}
.bottom {
background-image: url(img/bottom.png);
width: 704px;
height: 19px;
margin: auto;
}
