Button with rounded corners

Hi,

Suppose having a button or a submit button. Using the normal syntax,
being,
<input type="button" name="button1" value="value1" class="button">
<input type="submit" name="submit1" value="value2" class="submit">
is it possible to define the css classes in such a way that the buttons
look flat (no 3-D), with a 1pixel border and have rounded corners? This
only has to work in IE6, for Windows 2000 and Windows XP.

Any ideas?

Veerle

Veerle wrote:

Suppose having a button or a submit button. Using the normal syntax,
being,
input type="button" name="button1" value="value1" class="button"
input type="submit" name="submit1" value="value2" class="submit"
is it possible to define the css classes in such a way that the buttons
look flat (no 3-D), with a 1pixel border and have rounded corners? This
only has to work in IE6, for Windows 2000 and Windows XP.

I don't think, you can. Don't you think your closed Win XP user group is
used to the XP look of a button?
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

Johannes Koch schreef:

I don't think, you can. Don't you think your closed Win XP user group is
used to the XP look of a button?

The users all have Windows 2000, so they are used to the classic
buttons. But for our application, we got screenshots and we have to
implement them as similar as possible. So if it's not possible to get
this done using just CCS, we will have to use image buttons and try to
do it like that. The greatest down side of this approach is that we
have to create an image for every button caption... That's why I don't
like it.

"Veerle" <veerleverbr (AT) hotmail (DOT) com> wrote

Johannes Koch schreef:
I don't think, you can. Don't you think your closed Win XP user group is
used to the XP look of a button?

The users all have Windows 2000, so they are used to the classic
buttons. But for our application, we got screenshots and we have to
implement them as similar as possible. So if it's not possible to get
this done using just CCS, we will have to use image buttons and try to
do it like that. The greatest down side of this approach is that we
have to create an image for every button caption... That's why I don't
like it.

Try something like...

<button style="border: none">
<div style="width: 150px; height: 500px; line-height: 500px; color: white;
background: url('http://www.w3.org/StyleSheets/TR/logo-REC')">
click
</div>
</button>

This solution is not edorsed by W3C, they just had a handy image ;-)

Martin