Privacy Policy

ChunkyDave
2012-11-14T09:41:53Z
Dear All,

I am having difficulty when inserting images into my disclaimer. Using DisclaimiT 4.5

I am trying to get three images next to each other centrally aligned with a space between them.

The code below works via Outlook Web Mail but not via Ms Outlook 2010.

Outlook seems to be ignoring the margin and alignment sections of the HTML code.

i.e. The images appear next to each other with no space and not aligned.

<br>
<br>
<img src="images/square-logo-for-Nursery.jpg" hspace="12" align="middle">
<img src="images/OutstandingLogo1.jpg" hspace="12" align="middle">
<img src="images/NW2010.jpg" hspace="12" align="middle">
</font></p></div>

Be really grateful for any help.

Many thanks

Dave
franzk
2012-11-14T12:37:25Z
Hi Dave,

starting with Outlook 2007, Word is used as rendering engine for HTML messages, causing a lot of problems with margins and alignments, which are just ignored in some cases.

I would suggest that you use a table with one row and three columns and then put one IMG tag into each cell, like this:

<table>
<tr>
<td style="width: 100px">
<img alt="" src="images/square-logo-for-Nursery.jpg" />
</td>
<td style="width: 100px">
<img alt="" src="images/OutstandingLogo1.jpg" />
</td>
<td>
<img alt="" src="images/NW2010.jpg" />
</td>
</tr>
</table>

The default vertical alignment mode is 'middle', so no overwrite is needed.
The width of the cell (to introduce some space between the images) is specified by 'style="width: 100px"'. You may need to use another value, depending on the width of the pictures and of the space desired between them.


-Franz
Similar Topics