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

Rounded button in a form ?

P: n/a
Mel
how can i have a rounded edge button in my forms using CSS ?

thanks
Mel
Jul 20 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a
Els
Mel wrote:
how can i have a rounded edge button in my forms using CSS ?


It should be rounded by default. You have make sure you
_don't_ use CSS on them.

As soon as you apply a border, it'll be square.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #2

P: n/a
Els wrote:
Mel wrote:
how can i have a rounded edge button in my forms using CSS ?


It should be rounded by default.


It should? Where in the spec is that? Submit buttons in Mozilla
1.6/Win2k have squared corners, while those in Firefox/WinXP have
rouned ones; which browser is in violation?

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #3

P: n/a
Mel wrote:
how can i have a rounded edge button in my forms using CSS ?


There is no standard way to do this. You can use a proprietary css
extension in Mozilla browsers.

input[type="submit"] {
-moz-border-radius: 20%; /* adjust to taste */
}
Demo:
http://www.bath.ac.uk/~cs1spw/demos/...er-radius.html

This proprietary extension is modeled on the yet-to-be-approved css 3
spec.

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #4

P: n/a
Els
Brian wrote:
Els wrote:
Mel wrote:
how can i have a rounded edge button in my forms using CSS ?


It should be rounded by default.


It should? Where in the spec is that? Submit buttons in Mozilla
1.6/Win2k have squared corners, while those in Firefox/WinXP have rouned
ones; which browser is in violation?


Sorry, my fault. With the word 'should' I didn't mean 'must'
'ought to' or 'has to'. More in a way of speaking. As in:
Your dad should be done working by now, go ask if he wants a
cup of tea.

I didn't know buttons in Moz on Win2K had square corners.
I answered out of my own experience (with XP), when I used
*{border:0px} in my stylesheet, and all of a sudden my
buttons were square.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #5

P: n/a
Els wrote:
Brian wrote:
Els wrote:
Mel wrote:

how can i have a rounded edge button in my forms using CSS ?
It should be rounded by default.

I didn't know buttons in Moz on Win2K had square corners.
I answered out of my own experience (with XP)


Then obviously your experience with computers hasn't been all that
long. It was only Windows XP that introduced the look of rounded
corners on buttons — it's just the system default style. All versions
of Windows prior to XP, since at least Win95 and WinNT4 all had the same
basic button style, with fairly square corners. Win 3.x and earlier had
somewhat rounded corners (very pixelated, just a simple mountain top
corner technique) but IIRC, didn't have a 3D look. I don't know about
other non-MS operating systems, I haven't used them often.

--
Lachlan Hunt
http://www.lachy.id.au/
la**********@lachy.id.au.update.virus.scanners

Remove .update.virus.scanners to email me,
NO SPAM and NO VIRUSES!!!
Jul 20 '05 #6

P: n/a
Els
Lachlan Hunt wrote:
> how can i have a rounded edge button in my forms using CSS ?

It should be rounded by default.
I didn't know buttons in Moz on Win2K had square corners.
I answered out of my own experience (with XP)


Then obviously your experience with computers hasn't been all that
long.


Correct. http://locusmeus.com/started.html ;-)
It was only Windows XP that introduced the look of rounded
corners on buttons — it's just the system default style. All versions
of Windows prior to XP, since at least Win95 and WinNT4 all had the same
basic button style, with fairly square corners.
I did use Win 95, but never paid attention to the looks of
buttons until I made my first form, March of this year.
Win 3.x and earlier had
somewhat rounded corners (very pixelated, just a simple mountain top
corner technique) but IIRC, didn't have a 3D look. I don't know about
other non-MS operating systems, I haven't used them often.


Me neither.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Jul 20 '05 #7

P: n/a
Lachlan Hunt wrote:
[...] I don't know about
other non-MS operating systems, I haven't used them often.

Other OSes allow the user to select from a variety of "skins" some
which have square corners on the buttons, others which are round
everywhere, 3D look, flat look, etc.

--
jmm dash list at sohnen-moe dot com
(Remove .TRSPAMTR for email)
Jul 20 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.