Forum Moderators: open
<table border="0" width="100%" cellpadding="0">
<tr>
<td width="33.3%" valign="top">
<img class="logo" src="image/logo.png"; align="left"; width="287"; height="145">
</td>
<td width="33.3%" valign="top">
<img class="logo2" src="image/logo.png"; align="center"; width="287"; height="145">
</td>
<td width="33.3%" valign="top">
<img class="logo3" src="image/logo.png"; align="right"; width="287"; height="145">
</td>
</tr>
</table>
And the corresponding CSS in my linked CSS file is:
img.logo {border:1px solid green; float: left;}
img.logo2 {border:1px solid green; position:center;}
img.logo3 {border:1px solid green; position:absolute-right;}
I've tried removing the class from the image so it relates to nothing in the css file but it still aligns to the left.
Does anyone have any idea what is going on? :)
All of the semi colons in your image tags are invalid and are possibly causing unexpected results. Some of the tags are also deprecated now. Try this:
<table border="0" width="100%" cellpadding="0">
<tr>
<td style="width:33%;vertical-align:top;text-align:left">
<img src="image/logo.png" width="287" height="145">
</td>
<td style="width:33%;vertical-align:top;text-align:center">
<img src="image/logo.png" width="287" height="145">
</td>
<td style="width:33%;vertical-align:top;text-align:right">
<img class="logo3" src="image/logo.png" width="287" height="145">
</td>
</tr>
</table>
dc