Contact Forum Editor

Send an email to our Forum Editor:

PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Web Design Help

It's free to register, to post a question or to start / join a discussion

View Forum Rules | Contact Forum Editor

 

How to Make a Button

SeeAirA

Likes # 0

Posted August 16, 2013 at 9:31PM

I want to know how to make a button using javascript for my website. Something like the start button, but I want it to have these features;I want it to be like a push down button. ie: When you click on it it looks like you pressed it;and if the size can be changed I would like it to be height="30" width="60".

Like this post
LastChip

Likes # 0

Posted August 16, 2013 at 11:25PM

There are all sorts of ways to make buttons.

You can have two images (initial button and the clicked button) and simply use "onClick" code to swap the images. You can do the same thing with javascript.

Or you can style the whole thing in css.

Here's some examples.

You can also use one of the many automatic on-line generators to create a css button for you complete with the required code, like this one here.

Like this post

Reply to this topic

close
What is Markdown?

Markdown lets you add more formatting to your post. Simply type in your post and it will display as written.

If you wish to add bold or italic characters, add a hyperlink to another website, a heading or a horizontal line, simply use the relevent icons above the text input field.

A preview of your post will appear in the grey box below. If you make a change and you're not happy, simply press the back arrow icon to undo.






Check out PC Advisor's other tech forums

Send to a friend

Email this article to a friend or colleague:

PLEASE NOTE: Your name is used only to let the recipient know who sent the story. Both your name and the recipient's name and address will not be used for any other purpose.

IDG UK Sites
Nexus 4 selling out and Nexus 5 spotted in bar

Nexus 4 selling out and Nexus 5 spotted in bar

IDG UK Sites
Apple launches redesigned iCloud.com ahead of iOS 7 release

Apple launches redesigned iCloud.com ahead of iOS 7 release

IDG UK Sites
Windows 8 smartwatch: what you need to know about the Surface smartwatch

Windows 8 smartwatch: what you need to know about the Surface smartwatch

IDG UK Sites
Google Wallet redesigned to work more like Apple Passbook

Google Wallet redesigned to work more like Apple Passbook

* *