Ik heb 2 dingen geprobeert (zie voorbeeld) maar beide werken niet <_<
Wie kan me hiermee helpen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
#ultest {
list-style: none;
margin: 0px;
padding: 0px;
}
.home {
float: left;
width: 193px;
height: 48px;
background-image: url(img/home-button.jpg);
}
/* Deze voor 'a:hover' (proberen) */
.home a:hover {
background-image: url(home-button-overlay.jpg);
}
/* Deze proberen bij 'onMouseOver' */
.home2 {
display: block;
float: left;
width: 193px;
height: 48px;
background-image: url(home-button-overlay.jpg);
}
</style>
</head>
<body>
<div style="width: 800px; margin:auto;">
<ul id="ultest">
<li><a class="home"></a></li>
<li><a class="home" onMouseOver="this.class='home2'" onMouseOut="this.class='home'"></a></li>
</ul>
</div>
</body>
</html>