The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Text over images, HTML?

View previous topic View next topic Go down

Text over images, HTML?

Post by Hardcore Gamer on May 31st 2010, 5:05 pm

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. Smile

Hardcore Gamer
Forumember

Male Posts : 409
Reputation : 3
Language : English

Back to top Go down

Re: Text over images, HTML?

Post by Hardcore Gamer on May 31st 2010, 5:42 pm

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.

Hardcore Gamer
Forumember

Male Posts : 409
Reputation : 3
Language : English

Back to top Go down

Re: Text over images, HTML?

Post by Kiekeboe on May 31st 2010, 6:03 pm

Just google Image Mapping Wink

Kiekeboe
Forumember

Female Posts : 250
Reputation : -1
Language : Dutch, english, german and a little bit french, guitar chords, html, a bit CSS
Location : Maastricht (Holland)

http://wolfstory.clicboard.com

Back to top Go down

Re: Text over images, HTML?

Post by RoNo on June 1st 2010, 11:17 am

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="" />

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Re: Text over images, HTML?

Post by Kiekeboe on June 1st 2010, 11:36 am

Or you use this tool ^^

Kiekeboe
Forumember

Female Posts : 250
Reputation : -1
Language : Dutch, english, german and a little bit french, guitar chords, html, a bit CSS
Location : Maastricht (Holland)

http://wolfstory.clicboard.com

Back to top Go down

Re: Text over images, HTML?

Post by harvengure on June 4th 2010, 11:43 am

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.

harvengure
Forumember

Posts : 86
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum