Text under images

[denbigh97]

Hi, I'm having some trouble placing text directly below 5 images. The images are of different widths and heights, but placed on the same line. The page that I'm having the problem with is here

http://www.ac-interactive.com/aci/oz/index.php

I want the text to go right below the horizontal red line and to the left of the vertical red line. I've tried ALIGN tags for the images and also CSS absolute and relative...but without any improvement. The code I have is:

<td width=&quot;690&quot; height=&quot;280&quot; bgcolor=&quot;#FFFFFF&quot; background=&quot;../images/portfoliobg.gif&quot; align=&quot;left&quot; valign=&quot;top&quot; style=&quot;background-position: left bottom&quot; style=&quot;background-repeat: no-repeat&quot;>

<img src=&quot;../images/redpixel.jpg&quot; height=&quot;1&quot; width=&quot;692&quot; border=&quot;0&quot; align=&quot;top&quot;><img src=&quot;../images/redbar.gif&quot; height=&quot;40&quot; width=&quot;450&quot; border=&quot;0&quot; align=&quot;left&quot;><img src=&quot;../images/whitepixel.jpg&quot; height=&quot;1&quot; width=&quot;15&quot; border=&quot;0&quot; align=&quot;top&quot;><img src=&quot;../images/redverticalbar.gif&quot; height=&quot;250&quot; width=&quot;1&quot; border=&quot;0&quot; align=&quot;top&quot;><img src=&quot;../images/whitepixel.jpg&quot; height=&quot;1&quot; width=&quot;15&quot; border=&quot;0&quot; align=&quot;top&quot;><img src=&quot;images/screenshot.jpg&quot; height=&quot;250&quot; width=&quot;188&quot; border=&quot;0&quot; align=&quot;top&quot;><br>

<font face=&quot;Verdana, Arial, Helvetica, sans-serif&quot; size=&quot;-1&quot; color=&quot;#000000&quot;>
OZ Embroidery Pty Ltd
</font></td>

Can anyone help me solve this bug? Thanks in advance.

 

[mansii]

mate,

I would do this:

<table cellspacing=&quot;2&quot; cellpadding=&quot;2&quot; border=&quot;0&quot;>
<tr valign=&quot;top&quot;>
    <td rowspan=&quot;2&quot;>The three images</td>
    <td width=&quot;440&quot; height=&quot;40&quot; valign=&quot;bottom&quot; background=&quot;images/redbar.gif&quot; style=&quot;background-position: 'left top';background-repeat: no-repeat&quot;>OZ Embroidery Pty Ltd</td>
    <td rowspan=&quot;2&quot; valign=&quot;top&quot;><img src=&quot;images/redverticalbar.gif&quot; height=&quot;250&quot; width=&quot;1&quot; border=&quot;0&quot; align=&quot;top&quot;><img src=&quot;images/whitepixel.jpg.jpg&quot; height=&quot;1&quot; width=&quot;15&quot; border=&quot;0&quot; align=&quot;top&quot;><img src=&quot;images/uploaded/screenshot.jpg&quot; height=&quot;250&quot; width=&quot;188&quot; border=&quot;0&quot; align=&quot;top&quot;></td>
</tr>
<tr valign=&quot;top&quot;>
    <td valign=&quot;top&quot; height=&quot;210&quot;>Nothing's here</td>
</tr>
</table>

Make some adjustment to suit your need.
Cheers,
mansii