Programming Help

Web Development



What's Here?

  • Members: 150,390
  • Replies: 508,406
  • Topics: 80,146
  • Snippets: 2,669
  • Tutorials: 708
  • Total Online: 1,079
  • Members: 78
  • Guests: 1,001

Welcome to Dream.In.Code
Become an Expert!

Join 150,390 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,079 people online right now. Registration is fast and FREE... Join Now!




change the shape of a buttong in html

 
 Reply to this topicStart new topic

change the shape of a buttong in html
gshivaranjani
14 Mar, 2008 - 03:38 AM
Post #1

New D.I.C Head
*

Joined: 14 Mar, 2008
Posts: 1
i want to change the shape of the button in html.i want the shape to be curved instead of a perfect square.
User is offlineProfile CardPM
+Quote Post

MBraybrook
RE: Change The Shape Of A Buttong In Html
14 Mar, 2008 - 05:01 AM
Post #2

New D.I.C Head
*

Joined: 14 Aug, 2006
Posts: 17


My Contributions
You'll have to assign it a background image using Cascading Stylesheets. HTML does not support rounded corners and css (until v 3.0) will not support it either.

Assign a class to the button <input> tag
CODE
<input class="classname" type="submit" />

Then in a css section create a class for that:
CODE

...
.classname {
    background-image:url("link/to/image");
}
...


Also, this website provides an online tool to create the rounded image for the background.

This post has been edited by MBraybrook: 14 Mar, 2008 - 05:02 AM
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic
Time is now: 1/9/09 05:30PM
Invision Power Board v2.1.7 © 2009  IPS, Inc.
Licensed to: MediaGroup1

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month