Header Imager with Clickable Links

[integrity_designs]

Can someone tell me how to make a header banner with clickable links please?
What needs to be done etc?

I have this so far but I think it could be wrong...

[SCR]http://www.integritylabels.com.au/shop/includes/templates/custom/images/template3.png[/SCR]

Kind Regards Casey

[gaurav10feb]

you can use mapping on image

e.g http://www.htmlcodetutorial.com/imag...msupp_220.html

[integrity_designs]

you can use mapping on image

e.g http://www.htmlcodetutorial.com/imag...msupp_220.html

Thanks for the link... I am just a little confused as to how to get the coordinates onto the text etc.


Maybe the text are seperate images ????

Kind Regards Casey

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