Sorry for the noobie question. I'm sure this is a very simple question but I can't find the answer myself.
The button used in this forum and many other places has rounded corners and a 3D effect but I can't work out how to achieve that. The css doesn't seem to have anything that would create the effect.
Can someone please put me out of my misery?It's the default Windows XP thing,
you could fake it with a background graphic maybethe buttons in this forum are graphics.
<input type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"graphics/reply.gif" height="20" width="60" border="0" alt="Post Reply">
but you can style form buttons and other form elements with css, too.
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/lab/form_controls/buttons/">http://www.456bereastreet.com/lab/form_ ... s/buttons/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/archive/200409/styling_form_controls/I">http://www.456bereastreet.com/archive/2 ... controls/I</a><!-- m --> dont really understand,
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/lab/form_controls/buttons/">http://www.456bereastreet.com/lab/form_ ... s/buttons/</a><!-- m -->
Button number 1 hais rounded corners, {color:#00f;}
But Button number 2 has square corners, {background-color:#ddd;}
How can a different background color be used, but retain the rounded corners?you can't,
you would have to use an imageOK. Thanks for the reply.the look of a button styled with css is dependant on the os and browser it is viewed with.
from the page (<!-- m --><a class="postlink" href="http://www.456bereastreet.com/lab/form_controls/buttons/">http://www.456bereastreet.com/lab/form_ ... s/buttons/</a><!-- m -->):
As you can see, the results vary a lot between browsers and operating systems.Every OS and every browser only seem to be consistent in their inconsistancies...
The button used in this forum and many other places has rounded corners and a 3D effect but I can't work out how to achieve that. The css doesn't seem to have anything that would create the effect.
Can someone please put me out of my misery?It's the default Windows XP thing,
you could fake it with a background graphic maybethe buttons in this forum are graphics.
<input type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"graphics/reply.gif" height="20" width="60" border="0" alt="Post Reply">
but you can style form buttons and other form elements with css, too.
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/lab/form_controls/buttons/">http://www.456bereastreet.com/lab/form_ ... s/buttons/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/archive/200409/styling_form_controls/I">http://www.456bereastreet.com/archive/2 ... controls/I</a><!-- m --> dont really understand,
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/lab/form_controls/buttons/">http://www.456bereastreet.com/lab/form_ ... s/buttons/</a><!-- m -->
Button number 1 hais rounded corners, {color:#00f;}
But Button number 2 has square corners, {background-color:#ddd;}
How can a different background color be used, but retain the rounded corners?you can't,
you would have to use an imageOK. Thanks for the reply.the look of a button styled with css is dependant on the os and browser it is viewed with.
from the page (<!-- m --><a class="postlink" href="http://www.456bereastreet.com/lab/form_controls/buttons/">http://www.456bereastreet.com/lab/form_ ... s/buttons/</a><!-- m -->):
As you can see, the results vary a lot between browsers and operating systems.Every OS and every browser only seem to be consistent in their inconsistancies...