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
Web Services Platform Architecture: Soap, WSDL, WS-Policy, WS-Addressing, WS-Bpel, WS-Reliable Messaging and More by Francisco Curbera, Frank Leymann, Tony Storey, Donald Ferguson, Sanjiva Weerawarana
Other books claim to present the complete Web services platform architecture, but this is the first one I've seen that really does. The authors have been intimately involved in the creation of the architecture. Who better to write this book?
See at: Amazon.co.uk | Amazon.com |