468,483 Members | 2,689 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,483 developers. It's quick & easy.

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

Jun 9 '06 #1
3 24160
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.)
Jun 9 '06 #2
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.

Jun 11 '06 #3
"Veerle" <ve*********@hotmail.com> wrote in message
news:11**********************@i40g2000cwc.googlegr oups.com...
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
Jun 13 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

7 posts views Thread by Mel | last post: by
2 posts views Thread by Konrad | last post: by
8 posts views Thread by TheCornjerker | last post: by
6 posts views Thread by Schraalhans Keukenmeester | last post: by
5 posts views Thread by Cindy Lee | last post: by
4 posts views Thread by PWS | last post: by
6 posts views Thread by moondaddy | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.