Not sure what's going on here, if it's something unique to my development PC, or appearing this way in general.
Trying to create an image map. The mapper program seems to work just fine, and I've created what appears to be a viable image map in the test (preview window).

http://www.probikelaredo.com/PRB-2012 is the test URL.

I need the credit card logos and the email address in the top banner linked to their appropriate URLs. It does do that, but loads the image map at the bottom, rather than at the top.

I pasted the map source code in at the bottom just before the closing BODY tag. If i put it after the opening BODY tag, it pushes all of my main page stuff down to the bottom.

Using an HTML 5 template downloaded from CoffeeCup, with modifications to images. Using IE8.

Anyone have any suggestions? What am I overlooking?

Thanks in Advance,

Rr

Are you using a WYSIWYG or a HTML Editor to build the site?

Because what I see is that you have the code for the above mentioned code at the bottom of the page...

using the HTML editor from CoffeeCup...not site designer. version 12. It lets me see source code and preview, but not the middle tab of the editor. its a side issue that irrelevant here i think

Hiya Richard,

The HTML Editor no longer has the middle tab, or the Visual Editing tab. That was removed in 12.5 version. If you want it back you'll need to uninstall 12.5 and reinstall HTML Editor 12. You can find the link to the old version in the text file that came with the 12.5 download.

Correction. I'm using HTML 2010 build 365. SE. Its been working fine for me. Will upgrading fix the issue on the image mapping or is it something else? Yep. I did put the code in at the bottom. If i put the code in after the opening BODY tag, it puts the image map in the correct place, but moves my content down a full page.

I'm at a loss, and open to solutions that fix the issue. All I really need is to link the email addy and the credit card images. So if there's a workaround, I'd like to know about it.

R

It seems that you really don't need an image map. Your only linking a few items and you already have those images on your page. Just wrap the in some link code and your good to go.

could you provide an example of the code you mean? The index page is comprised of a series of images. How does one link to part of an image if not with an image map? I'm willng to learn if you're wiling to share...

Here's your whole main image linked to your email.
<a href="mailto:probike@sbcglobal.net?subject=Web Contact!"><img src="http://www.probikelaredo.com/PRB-2012/images/banner8.png" width="904" height="490" alt="" border="0"></a>
So all you need to do is use individual images for each link. Use the brown back ground for the container area. You'll want to position them with a little css.

Ok, thanks for the sample. I do appreciate it. But I think my original problem remains.If I still want to use the image map or add more links to the image, where in the code do i insert the map section so as to not create the problem in the first place? I'm asking cause I know my boss will insist on the map option rather than the workaround.

Thanks,

R

Ok, Let me pull up the code again. I'll need your test page made available.