Text On Image

Hi,

I want to put text on an image (not a background image) but can't figure out a way to do it.
Please help.

Thanks,
Viz

 

Save your text as a image file and open your image and text image file.

Just select the portion of the text and paste it ove the image and save it as a image file.

Hope this helps.

 

Thanks. But I need the text hyperlinked. Saving the text as image file won't do.

 

Depends on how many images you have... if its kind of a gallery site then most of the scripts offer you such a facility. If it is a blog then word press modules are there.

I can give you a solution but it is ok for a few pictures. Else it will be time consuming.

Make a table and use your picture as a background image. Then make a transparent gif of the same size as the image with your text in it. Save it and insert it over the background in the table cell. Select it and put whatever hyper-link you want like you fo in an image.

This way you have your text and with hyper link and also protect your image from lynching - if someone right clicks he only gets the transparent gif with the text.

Hope this helps

Cheers!

Jack.

 

If you need to do that, you can do it as a animated GIF and have your hyperlink text on the gif.

You can do this by using NUV or NVU open source html editor which has this feature.

Or you can use any tool that can be used to produce animated images where you can input your hyperlink text.

Hope this helps.

If you still cannot do it, give as a paid job I will do with my paid editors I have.

Cheers!

 

Just use layers and negative margins for the second layer to place it directly over the first one.

 

Thanks Guys,
I found the solution from htmlgoodies:

<table>
<tr>
<td width="700" height="100" background="image.jpg" valign="bottom">
<font size="6" color="#009900"><a href="test.html" target="_top">Your Text Here</a></font></td>
</tr>
</table>

You have to set the image as the background of the image cell. You also need to add the height and width of the image. If not, you won't see the entire picture.

Hope this is useful.

Viz

 

You said you didnt want to do it with background images?

The above will naturally work but tables for layout are considered outdated and so you should look at the Div/ CSS solution

 

try using z-index so that you can assign which one's on top of the other...