New Topic
Post Reply
Follow Topic
Hello Guys,
Please suggest me html code for set button background image.
thank for any suggestion.
Hi Noah,
There are a number of ways to do this -
1- Using CSS
Example -
In the <head> HTML code of your page
<style type="text/css">
.link { background:url(path to your image) no-repeat;
}
</style>
Then in the <body> section where you want the image to appear
<div class="link><a href="link to your page"> </a></div>
Using the 'a' tag
Simply use this
<a href="link to your page"><img src="path to your image"></a>
Hope this helps
Hello,
You can also try this
<inputtype="button"value="Add a new row"class="button_add"/>
input.button_add { background-image: url(/images/buttons/add.png);/* 16px x 16px */ background-color: transparent;/* make the button transparent */ background-repeat:no-repeat;/* make the background image appear only once */ background-position:0px0px;/* equivalent to 'top left' */ border: none;/* assuming we don't want any borders */ cursor: pointer;/* make the cursor like hovering over an <a> element */ height:16px;/* make this the size of your image */ padding-left:16px;/* make text start to the right of the image */ vertical-align: middle;/* align the text vertically centered */}
Post Reply
