I want to make my logo banner an image map but can't figure out which file do I put the image map coding. Is it just in the header file or on the stylesheet?
Beth-katherine
P.S. I did a search on the term Image Map but didn't find anything quickly.
I want to make my logo banner an image map but can't figure out which file do I put the image map coding. Is it just in the header file or on the stylesheet?
Beth-katherine
P.S. I did a search on the term Image Map but didn't find anything quickly.
/includes/templates/nameofyourtemplate/common/tpl_header.php
Thanks for the reply.
I'm not sure where to put the code on that page, could you be more specific?
Here's are image map coordinates:
<img name="mainheader" src="mainheader.gif" usemap="#m_mainheader" alt="" border="0" height="200" width="800">
<map name="m_mainheader"><area shape="rect" coords="668,130,779,200" href="http://www.myshop.com/zen_cart/store/index.php?main_page=contact_us" alt=""><area shape="rect" coords="620,131,668,200" href="http://www.myshop.com/faq.htm" alt=""><area shape="rect" coords="511,131,619,200" href="http://www.myshop.com/newsletter.htm" alt=""><area shape="rect" coords="397,130,510,200" href="http://www.myshop/zen_cart/store/index.php?main_page=login" alt=""><area shape="rect" coords="315,130,395,200" href="http://www.www.myshop.com/gallery/" alt=""><area shape="rect" coords="255,129,314,200" href="http://www.myshop.##########################" target="_blank" alt=""><area shape="rect" coords="184,127,255,199" href="http://www.myshop.com/about.htm" alt=""><area shape="rect" coords="123,127,184,199" href="http://myshop.com/zen_cart/store" alt=""><area shape="rect" coords="0,127,122,199" href="http://www.myshop.com" alt="">
Into which code do I insert this on the header template.
Beth-Katherine
Last edited by Beth-katherine; 24 Feb 2008 at 09:29 PM. Reason: typos
I would try under
The img tag is the only part of it that needs to be where you want it to show. The map can be anywhere on the page.Code:<div id="navMainWrapper">
Dave
Always forward thinking... Lost my mind!
You put it after this:
Hope this helps!Code:<!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <div id="headerWrapper">
Hi,
I am attempting to use my header logo img as a image map, also.
http://uniquescrapart.com/shop/
I have tried inserting it in the tpl_header.php, but it's not working. obviously I'm missing something else that needs to be done to make the map links work.
please help.
never mind, I got it inserted.