The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Text over images, HTML?

4 posters

Go down

Text over images, HTML? Empty Text over images, HTML?

Post by Hardcore Gamer 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
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

Text over images, HTML? Empty Re: Text over images, HTML?

Post by Hardcore Gamer 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.
Text over images, HTML? Szhxndxksmmwsnc


EDIT:
Sorry about double posting, forgot.
avatar
Hardcore Gamer
Forumember

Male Posts : 524
Reputation : 4
Language : English

Back to top Go down

Text over images, HTML? Empty Re: Text over images, HTML?

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

Just google Image Mapping Wink
Kiekeboe
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

Text over images, HTML? Empty Re: Text over images, HTML?

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

You'll need to create an image like this
Text over images, HTML? Mafia_guide

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
RoNo
Active Poster

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

http://bf2mercenaries.forumotion.com/

Back to top Go down

Text over images, HTML? Empty Re: Text over images, HTML?

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

Or you use this tool ^^
Kiekeboe
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

Text over images, HTML? Empty Re: Text over images, HTML?

Post by harvengure 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.
avatar
harvengure
Forumember

Posts : 86
Reputation : 0
Language : English

Back to top Go down

Back to top

- Similar topics

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