CSS Rollover (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

sticks464 -> CSS Rollover (2/6/2007 23:35:17)

I am trying to apply a css rollover to the submit and reset buttons for a form. Here is the code I'm using, the onClick function is for a input validation script.
quote:

<td style="background-color:#000000"><button name="Submit" value="Submit" type="submit" onClick="return checkmail(this.form.email)"><img src="images/submit.jpg" alt="Submit" /></button>       <button name="reset" value="Reset" type="reset"><img src="images/reset.jpg" alt="Reset" /></button></td>



womble -> RE: CSS Rollover (2/7/2007 4:25:46)

That just sets the background colour for the table cell as you've got it there. You need to apply a link, hover and active (and optionally a focus state) to get a rollover effect.



sticks464 -> RE: CSS Rollover (2/7/2007 7:47:06)

I understand that. What I want to know is, can I apply a hover effect without changing the code. I'm thinking I will have to use javascript, but would rather use css if possible.



jaybee -> RE: CSS Rollover (2/7/2007 15:47:52)

http://www.outfront.net/tutorials_02/adv_tech/funkyforms2.htm
http://www.webreference.com/programming/css_stylish/
http://www.sitepoint.com/print/style-web-forms-css



sticks464 -> RE: CSS Rollover (2/7/2007 17:11:50)

Thanks jaybee, the css from webreference was just what I was looking for.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.03125