Question

I want a background for a td. Here is my code:

<table border="0" cellpadding="0" cellspacing="0" align="center"> 
  <tr colspan="2">
<td> 
  <img src="Images/1.png" width="567" height="108" />           
</td>
  </tr>
  <tr colspan="2" >
<td style="background-image:url(Images/2.png); background-repeat:no-repeat;"> 



            </td>
  </tr>
</table>

The problem is that no images are displayed in the second row.

If I use:

<img src="Images/2.png" width="567" height="108" /> 

then the image 2.png does display.

Why isn’t my first image appearing?

Answer 1

The cell has no content, so it has no height, and there are no other cells in the row to give it a height, so there is no space to display a background image in.