HTML text over image

[Mockingbird]

thetaleoftwo.proboards.com/

Hi, I have a quick question. I was wondering if there were a way to put html text over an image? If you look on the above forum and see it's headers you will notice an image stating a notice with text on the image. I was wondering if there were a more simple way to insert text hovering over the image through html without disruption between the forum width.

Thanks!

[Tumbleweed]

You mean rather than having it in the image graphic itself? If yes, something like this should work:



<center><a href="http://support.proboards.com/thread/460526/html-text-over-image"><div style="background-image:url(http://i1350./p773/tofsgraphics/MockingNotice_zpsd11cf249.png); width: 751px; height:214px;margin-bottom: 20px;"/>
</a><div style="position:relative; top: 100px; left: -100px;font-family: tahoma; font-size: 1.4em;">Text here</div></div></center>

[Mockingbird]

Thank you, is there a way to make it so it doesn't stretch so far? It kind of expands over the image.

[Tumbleweed]

Add a width to this part of it:

<div style="position:relative; top:100px; left:-100px; width:200px; font-family:tahoma; font-size:1.4em;">Text here</div>

[Mockingbird]

Thanks a bunch!