designing css buttons

[laredotornado]

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

[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

[Dirk]

"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

[dorayme]

In article <12*************@corp.supernews.com>,
Dirk <[e-mail]:

"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