By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,785 Members | 1,072 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,785 IT Pros & Developers. It's quick & easy.

designing css buttons

P: n/a
Hi,

Can anyone recommend a good site that has example of css designed
buttons with roll over states? I want to make nice "Save" and
"Cancel" buttons but would prefer not to use Photoshop when CSS can
achieve something just as good.

Thanks, - Dave

Feb 15 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Rik
On Thu, 15 Feb 2007 17:33:59 +0100, la***********@zipmail.com
<la***********@zipmail.comwrote:
Hi,

Can anyone recommend a good site that has example of css designed
buttons with roll over states? I want to make nice "Save" and
"Cancel" buttons but would prefer not to use Photoshop when CSS can
achieve something just as good.
Rollovers on buttons can be made without problems with the CSS specs.
Browsers implementation of this varies though, so if you want rollover
effects you're usually stuck using javascript on the side.

This will work wonders in Opera, no go in MSIE:

input[type=submit]{
background-color: yellow;
}
input[type=submit]:hover{
background-color: red;
}

I usually leave most of the rendering of form controls alone though.
There's something to be said for just recognizable default rendering
instead of of custom layouts which may confuse the user, making it unclear
what their actual purpose is. So unfortunately, I don't have an site ready
for you, but there are lots around. Googling for "html form rollover"
should get you loads of examples though.
--
Rik Wasmus
Feb 15 '07 #2

P: n/a
"la***********@zipmail.com" <la***********@zipmail.comwrote in
news:11*********************@j27g2000cwj.googlegro ups.com:
Hi,

Can anyone recommend a good site that has example of css designed
buttons with roll over states? I want to make nice "Save" and
"Cancel" buttons but would prefer not to use Photoshop when CSS can
achieve something just as good.
Stu has some and a lot more:

http://www.cssplay.co.uk/
--
Dirk
Feb 15 '07 #3

P: n/a
In article <12*************@corp.supernews.com>,
Dirk <no@mail.pleasewrote:
"la***********@zipmail.com" <la***********@zipmail.comwrote in
news:11*********************@j27g2000cwj.googlegro ups.com:
Hi,

Can anyone recommend a good site that has example of css designed
buttons with roll over states? I want to make nice "Save" and
"Cancel" buttons but would prefer not to use Photoshop when CSS can
achieve something just as good.

Stu has some and a lot more:

http://www.cssplay.co.uk/
But be careful, this author uses small fonts, specified in px,
one does more than a tiny bit of horiz scrolling to see hs page
in a 800 wide window... These are signs to be careful of what he
says generally... just careful, that's all.

--
dorayme
Feb 15 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.