By Eddy R.
1-9-00

Have you ever tried to place text over an image without using an image editor? If so, did you ever give up on the idea because you just couldn't get the effect to work? Well, here is a quick run-down on how to accomplish this effect.

The example I'm about to show you is very simple and basic and you can be sure that there are at least a couple of other ways you can accomplish the same effect.

Create a Table

Start by creating a table. The code for our example looks like this:

<table width="200" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
</td>
</tr>
</table>

Insert Table Background

Insert your image on the table as a background - you can do this by adding the code below to the <td> tag in your table. The name of the image in our example is tbbg.jpg. The code in our example looks like this:

<td background="/directory/tbbg.jpg">

Insert Text

Select the font face, size, and color for the text you are about to place on top of the image. In our example, the code looks like this:

<font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">This is an example of how you can place text over images.</font>

Example

Two other ways you can accomplish this effect are 1) by using Layers and 2) by using an image editor.