If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)

Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

I want to use a graphic instead of an Select Button

The Mighty Dubs · 2006-10-27 11:34:09

Hi, Im sure this is simple enough to do but Im stuck. I have to images called reset.jpg & submit.jpg. I want to use these in the place of normal form reset & submit buttons. What is the proper coding for this...anybody?

27-10-2006 11:34am

#1

The Mighty Dubs

Registered Users, Registered Users 2 Posts: 224 ✭✭

Join Date: November 2005

Posts: 126

Hi,

Im sure this is simple enough to do but Im stuck. I have to images called reset.jpg & submit.jpg. I want to use these in the place of normal form reset & submit buttons. What is the proper coding for this...anybody?

0

Comments

#2 27-10-2006 12:19pm

seamus

Registered Users, Registered Users 2 Posts: 68,317 ✭✭✭✭

Join Date: July 2001

Posts: 67070

Use CSS.

[html]
<style type="text/css">
input#submit_button {
background-image(url: images/submit.jpg);
height: 15px;
width: 40px;
}
input#reset_button {
background-image(url: images/reset.jpg);
height: 15px;
width: 40px;
}
</style>

...

<input type="submit" id="submit_button"> <input type="reset" id="reset_button">
[/html]

The width and height properties for each button should be set to the width and height of the image being used. If a browser doesn't support these properties on an input button, then they should just display the default buttons.

0