ketanco
16 May 2008, 11:28 PM
In the code below, first it displays the button, and then it displays the text. But I want them on top of each other so that the text appears on the image button. How can I display the text of the link on the button image?
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="b1b.jpg";
}
function mouseOut()
{
document.b1.src ="b1c.jpg";
}
</script>
</head>
<body>
<a href="<A href="http://www..../....php"><img border="0" src="b1c.jpg" name="b1" width="150" height="26" onmouseover="mouseOver()" onmouseout="mouseOut()" />TEXT OF LINK HERE</a>
</br>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="b1b.jpg";
}
function mouseOut()
{
document.b1.src ="b1c.jpg";
}
</script>
</head>
<body>
<a href="<A href="http://www..../....php"><img border="0" src="b1c.jpg" name="b1" width="150" height="26" onmouseover="mouseOver()" onmouseout="mouseOut()" />TEXT OF LINK HERE</a>
</br>
</body>
</html>