Text over images, HTML?

Hi,

I have a HTML page on my forum and was wondering how I do this? - http://au.guides.ign.com/guides/14856/ (scroll down, take a look at the Mafia picture with the writing on it. Notice how you can't click the image, but you can click the text? I am wanting to do the exact same on my forum. A real good helpful guide would be much appreciated as I am still learning HTML.

Also, I am not wanting text over the background image... I want a image (like below, Latest News over another image) so you can click Latest News only.



EDIT: Sorry about double posting, forgot.

Just google Image Mapping

You'll need to create an image like this


And map the coordinates of your links...

Like this

Code: <MAP NAME="mafia_guide_Map"> <AREA SHAPE="rect" ALT="" COORDS="407,160,452,178" HREF="http://au.guides.ign.com/guides/14856/index.html"> <AREA SHAPE="rect" ALT="" COORDS="331,160,393,178" HREF="http://au.guides.ign.com/guides/14856/page_2.html"> <AREA SHAPE="rect" ALT="" COORDS="285,160,317,178" HREF="http://au.guides.ign.com/guides/14856/page_3.html"> <AREA SHAPE="rect" ALT="" COORDS="230,160,271,179" HREF="http://au.guides.ign.com/guides/14856/page_4.htmll"> <AREA SHAPE="rect" ALT="" COORDS="183,158,215,178" HREF="http://au.guides.ign.com/guides/14856/page_24.html"> </MAP> <img src="http://guidesmedia.ign.com/guides/image/mafia_guide.jpg" width="590" height="189" usemap="#mafia_guide_Map" border="0"alt="" />

Or you use this tool ^^

Of course the other way of doing this would be to create an element that has the image you wish as the background and the text you wish to be clickable. Easier to do then creating imagemaps but with the above tool they are about the same.