devilson
08-22-2007, 05:14 PM
Hey, I'm making a website and am trying to generate the hover effect on a button in CSS, I have the code for it but what happens when i hover my mouse over it is that the normal button stays as it is, then the hover button is shown but behind the normal button, here is my code:
<html><style type="text/css"> .layer_main {display: none;} </style>
<style type="text/css">
.button:normal {
/* normal button style */
background:url('http://cysoftware.cy.funpic.de/button1.png');
}
.button:hover {
background:url('http://cysoftware.cy.funpic.de/button3.png');
}
</style>
<head>
<body bgcolor="#000000"><!-- Ad by funpic.de --><noscript><div style="display:none"> </div></noscript><script type="text/javascript" src="http://media.funpic.de/layer.php?bid=40113058"></script><!-- End Ad by funpic.de --></body>
<title> cysoftware.org </title>
<meta name="Generator" content="EditPlus">
<link rel="shortcut icon" href="http://cysoftware.cy.funpic.de/cico.gif">
<meta name="Author" content="Devilson">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<div id="LOGO">
<img src="http://cysoftware.cy.funpic.de/logo.png" />
</div>
<TABLE BORDER="0">
<TR>
<TD>
<a href="http://www.google.co.uk">
<img border="0" class="button" src="http://cysoftware.cy.funpic.de/button1.png" >
</a>
</TD>
<TD>
<a href="http://www.google.co.uk">
<img border="0" src="http://cysoftware.cy.funpic.de/button.png">
</a>
</TD>
<TD>
<a href="http://www.google.co.uk">
<img border="0" src="http://cysoftware.cy.funpic.de/button.png">
</a>
</TD>
</TR>
</TABLE>
</body>
</html>
thansk a lot for your help.
<html><style type="text/css"> .layer_main {display: none;} </style>
<style type="text/css">
.button:normal {
/* normal button style */
background:url('http://cysoftware.cy.funpic.de/button1.png');
}
.button:hover {
background:url('http://cysoftware.cy.funpic.de/button3.png');
}
</style>
<head>
<body bgcolor="#000000"><!-- Ad by funpic.de --><noscript><div style="display:none"> </div></noscript><script type="text/javascript" src="http://media.funpic.de/layer.php?bid=40113058"></script><!-- End Ad by funpic.de --></body>
<title> cysoftware.org </title>
<meta name="Generator" content="EditPlus">
<link rel="shortcut icon" href="http://cysoftware.cy.funpic.de/cico.gif">
<meta name="Author" content="Devilson">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<div id="LOGO">
<img src="http://cysoftware.cy.funpic.de/logo.png" />
</div>
<TABLE BORDER="0">
<TR>
<TD>
<a href="http://www.google.co.uk">
<img border="0" class="button" src="http://cysoftware.cy.funpic.de/button1.png" >
</a>
</TD>
<TD>
<a href="http://www.google.co.uk">
<img border="0" src="http://cysoftware.cy.funpic.de/button.png">
</a>
</TD>
<TD>
<a href="http://www.google.co.uk">
<img border="0" src="http://cysoftware.cy.funpic.de/button.png">
</a>
</TD>
</TR>
</TABLE>
</body>
</html>
thansk a lot for your help.