Member Avatar for veledrom

Hi,

How can I use an hyperlink as a submit button? I need to use hover property.

<a href="#" title="Next"><img src="next.png" alt="Next" /></a>

I've found this code but I cannot use hover to change the image when mouse over:

<FORM METHOD="POST" ACTION="whatever.php">
<INPUT TYPE="image" SRC="submit.gif" WIDTH="30"  HEIGHT="30" BORDER="0" ALT="SUBMIT"> 
</FORM>

Thanks in advance

Edited by veledrom because: .
  • 2 Contributors
  • 1 Reply
  • 80 Views
  • 7 Hours Discussion Span
  • Latest Post Latest Post by Dandello
Member Avatar for Dandello

In order to do the type of changeover you want, it either has to be rendered by javascript OR use a css workaround of having the actual image being transparent and having the background of the element change with the hover by assigning either an id or class.

.rollover a {background-image:url(image);}
.rollover a:hover {background-image:url(different image);}

For the input tag try:

.rollover input {background-image:url(image);}
.rollover input:hover {background-image:url(different image);}
Edited by Dandello because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.