navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

CSS Rollover

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS Rollover
Page: [1]
 
sticks464

 

Posts: 55
Joined: 10/16/2005
Status: offline

 
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

 

Posts: 5526
Joined: 3/14/2005
From: Living on the edge
Status: offline

 
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.

_____________________________

~~ "A cruel god ain't no god at all" ~~
:)

(in reply to sticks464)
sticks464

 

Posts: 55
Joined: 10/16/2005
Status: offline

 
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.

(in reply to womble)
jaybee

 

Posts: 14153
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to sticks464)
sticks464

 

Posts: 55
Joined: 10/16/2005
Status: offline

 
RE: CSS Rollover - 2/7/2007 17:11:50   
Thanks jaybee, the css from webreference was just what I was looking for.

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS Rollover
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts