Dear all.
I have an issue with being able to move images around within a table...
Currently I'm only testing, but you can see from the below HTML that I'm having trouble.
You can ignore everything with   for now, although these cells will require the same as the cells I'm having trouble with... I'll get to the point.
I have two images in two cells next to each other, however, one image, the one on the right is a lot bigger than the one on the left.
This means that the image on the left places itself in the middle! I don't want this, I would like it situated at the top, level with the top of the image in the second cell
Align="top" doesn't seem to work, can anyone please provide me with a working example or code with explination!?
Kind Regards.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<table width="500" height="200" border="1" cellpadding="1" cellspacing="1">
<tr>
<th scope="col"> </th>
</tr>
</table>
<table width="500" height="250" border="1" cellpadding="1" cellspacing="1">
<tr>
<th width="492" scope="col"> </th>
</tr>
</table>
<table width="502" border="1" cellspacing="1" cellpadding="1">
<tr>
<th width="286" scope="col"><img src="file:///J|/MicroSites/Projector%20Newsletter/April/Newsletterdesign/RealCreation/RedBar.jpg" width="282" height="21"></th>
<th width="203" scope="col"><img src="file:///J|/MicroSites/Projector%20Newsletter/April/Newsletterdesign/RealCreation/TopRightInfoBox.jpg" width="167" height="147"></th>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
</tr>
</table>
</body>
</html>
