Hello,
I am working on an HTML newsletter. After much trawling through Google and forums etc, I believe the best way to create HTML newsletters is to 'take a step back as far as web design is concerned' and use tables and inline style sheets, especially as my HTML newsletter will be embedded in Outlook email.
After additional trawling online, I believe vertical align still poses problems for people. It certainly does for me!
In part of the newsletter, I have the following code as part of a table:
<td style="text-align:left; vertical-align:top; width:148px; height:100px;"> <a href="http://www3.imperial.ac.uk/edudev/workshops/intro" target="_blank"><img src="intro_icon_transparent.png" alt="Introduction to..." width="80" height="84" border="0" style="vertical-align:middle;" /> </a></td>
I have also tried this:
<td style="text-align:left; vertical-align:middle; width:148px; height:110px;"> <a href="http://www3.imperial.ac.uk/edudev/workshops/intro" target="_blank"><img src="intro_icon_transparent.png" alt="Introduction to..." width="80" height="84" border="0" /> </a></td>
Whatever I try, I cannot make the image change position with vertical align. The only way I can get it to move from the top of the cell and be position eitehr at the middle or bottom is to use <br /> but I can't belive this is the best way to do it.
How to I get my image to vertical align in a table cell using inline styles to either the top, middle or bottom of a cell?
Many thanks