asked on

Add a table over an image

I have a table with three images, its codes are:

<tr>
<td><a href="/"><IMG SRC="images/bannerlogo.jpg" alt="logo" width="250" height="57" border="0"></a></td>
<td rowspan="2"><IMG SRC="images/bannermid.jpg" alt="Header" width="249" height="113"></td>
<td rowspan="2"><img src="images/bannerright.jpg" alt="Header" width="250" height="113">
</td>
</tr>

Now I want to put a tiny table over the third image, that is images/bannerright.jpg, so I try to rewrite by using div tag:

<tr>
<td><a href="/"><IMG SRC="images/bannerlogo.jpg" alt="logo" width="250" height="57" border="0"></a></td>
<td rowspan="2"><IMG SRC="images/bannermid.jpg" alt="Header" width="249" height="113"></td>
<td rowspan="2">
                  <div style="position:relative;">
                  <img src="images/bannerright.jpg" alt="Header" width="250" height="113">
                  <div style="width:200px; height:200px; position:absolute; top:10px; left:10px;">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</div>
</div>
</td>

</tr>

but this totally distort the layout at all. What is the problem with my codes?

ASKER CERTIFIED SOLUTION

Chris Stanyon

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

COBOLdinosaur

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

chcw

ASKER

Sorry but I don't know table is a out-date technology.

What I want to do is to add the social buttons, such as facebook like button, google + button, LinkedIn button over the images/bannerright.jpg. So I think create a table(one row and 3 columens) over the image and then add the buttons into the table is a convenient way.

chcw

ASKER

My question is not accurate enough.