Notes Ninjas Notes Ninjas
Lotus Notes hints, tips, error messages
Add an image to an html input button

Hint Short Cut: Add this to your code & documentation to help you find this page.
http://www.notesninjas.com/#HTMLInputButtonImage or http://www.notesninjas.com/A555F9/nn.nsf/ByAlias/HTMLInputButtonImage


To add an image to an html input button use this code.





 

This code allows the button to have an image and text. Note the extra sapce in the Value.

<input type="button" style="background-image:url('icon.gif'); background-repeat: no-repeat " value=" Submit" onClick="docSubmit(true, 'whatever');" />

 

You may also need to set the background colour to be transparent:

background-color:transparent

 

 Jump to:     Notes Tips
    Lotus Notes Index 
  Register for Tips
Previous Lotus Notes Tip 
    Next Lotus Notes Tip
Your company logo here?
Adam Foster
Free Cash Making Web Site
Free Revenue Earning Blog Site
 Free Revenue Earning Newsletter Site   
Free Search Pages Free Web stats
Free Contact Us page
Cheap .com domain names
 Need a website or 
   Lotus Notes
  problem solved?
Adam Foster
man and boy by Tony Parsons
British book of the year 2000. Great book, hard to put down, but I nearly threw it away half way through. You'll know why when you read it.
See at: Amazon.co.uk | Amazon.com |