Notes Ninjas Notes Ninjas
Lotus Notes hints, tips, error messages
Center an image in a table cell

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


This is not to do with lotus notes, it's easy in notes just use centered text formatting, but with web browsers it is not as easy.





There seems to be a lot of investigation in to this on the web, but I found the solution eventually.

I use this to centre thumbnails that have not been squared off but cropped to fit in a square.

The trick was to use span.

This code should work:

<td width=50 height=50 style='text-align:center vertical-align:middle;'>

<img src='blah.jpg'>

</td>

but it doesn't work.

 

You need to do:

<td width=50 height=50 style='text-align:center vertical-align:middle;'>

<span style='display:inline-block;'>

<img src='blah.jpg'>

</span>

</td>

I hope that helps someone else.

 

 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 |