MonsterSmallBusiness Forums > Using An Image Map On Home Page

pavlicek

Dec 17 2006, 05:48 PM

I know just enough to be dangerous and figured out how to create a graphic with an image map using Fireworks. (It's scarey what a help menu can show a non-techie.) It's saved in htm format. I am accustomed to changing the static graphic in the message section of my home page (inserting it into a table.) But is there some secret I need to know in order to use the image map instead of a jpeg image? Can I even do it?

Before I start messing around with it, I thought I'd ask!

Any help and step by step instructions appreciated!

Jeanne

sc123

Dec 17 2006, 07:34 PM

QUOTE(pavlicek @ Dec 17 2006, 06:49 PM) [snapback]119279[/snapback]

I know just enough to be dangerous and figured out how to create a graphic with an image map using Fireworks. (It's scarey what a help menu can show a non-techie.) It's saved in htm format. I am accustomed to changing the static graphic in the message section of my home page (inserting it into a table.) But is there some secret I need to know in order to use the image map instead of a jpeg image? Can I even do it?

Before I start messing around with it, I thought I'd ask!

Any help and step by step instructions appreciated!

Jeanne

It's pretty simple - just copy the image code, followed by the map code in the Admin Control Panel edit box, like so:

<img>Image code</img>
<map>Map code</map>

Save your original code in Notepad in case you don't get the results you expect, that way you can copy and paste the known-good code back.
Good luck!
-SC

pavlicek

Dec 17 2006, 08:51 PM

QUOTE

It's pretty simple - just copy the image code, followed by the map code in the Admin Control Panel edit box, like so:

<img>Image code</img>
<map>Map code</map>

Save your original code in Notepad in case you don't get the results you expect, that way you can copy and paste the known-good code back.
Good luck!
-SC

Thanks! Hmmm... I don't recall saving image code and map code... just one file. I'll have to go back and see what I did.

Jeanne

KennyE

Dec 18 2006, 11:46 AM

I use quite a few image maps on our home page. They're quite easy once you get them mapped to the image. Make sure the image path in your .htm is the path to your image on the server (images/xxxx.jpg, etc). Open your .htm file and copy everything between the <body> and </body> tags. Paste that where you want it. I always use <div align=center> Code goes here </div>. That way it's centered. You might also consider a comment tag  to help you locate the code in case you want to alter it some after loading. So, it looks sorta like this:

CODE

<div align=center>
Your htm code here (As in: <IMG height=214 alt="map" src="images/your map image.gif" width=396 useMap=#idyourmap_Map border=0> <MAP name=idyourmap_Map><AREA shape=RECT alt="name of area" coords=42,1,379,24 href="index.asp?PageAction=VIEWCATS&Category=###">
</div>

senioremporium

Dec 18 2006, 06:27 PM

Hi

My 2 cents based on my experience with image maps & MC site.

I use the Homepage Messages Editor area to change my homepage contents in my site ( I copy & paste the code there).

The following are tips based on what I went trough:

1.- I always created my image maps using MS Front Page. If you use the Messages section on your site, make sure every image map name is different (even if you hide one message [map] to display another with the purpose of alternating content) otherwishe your maps will give you hell.

2.- Also noticed that while I liked the lay out of my nice map, google did not follow any links on the map.

Scooter

KennyE

Dec 18 2006, 06:57 PM

QUOTE(senioremporium @ Dec 18 2006, 06:28 PM) [snapback]119321[/snapback]

2.- Also noticed that while I liked the lay out of my nice map, google did not follow any links on the map.

Scooter

Err, yep. So true.