Header Imager with Clickable Links

[stevesh]

Post #8 here details how I did an image map. I think it's easier using CSS:

http://www.zen-cart.com/forum/showthread.php?t=150835

Looks a little daunting, but it's pretty simple once you grasp the idea.

[integrity_designs]

Post #8 here details how I did an image map. I think it's easier using CSS:

http://www.zen-cart.com/forum/showthread.php?t=150835

Looks a little daunting, but it's pretty simple once you grasp the idea.

Thanks for your help. I finally got it to work with your above link that you provided.

However, When you visit this page using the link in my banner, you will see on the right side of the screen/sideboxes the text is pushed there for some reason.
Why would this be happening and how can it be fixed please?

Kind Regards Casey

[stevesh]

This is the fisrt part of the FAQ page:

<div class="centerColumn" id="faq">
<h1 id="faqHeading">Frequently Asked Questions</h1>


You used the same id (faq) for your image map, and positioned it with:

#faq {
float:left;
position:absolute;
width: 100px;
height: 70px;
margin-left:682px;
margin-top:167px;
}

so the stylesheet is applying the same positioning to the page header.

You'll need to rename that id in your image map.