NEED HELP....Fixing Links on my Navigation Bar

Hello everyone,

Okay here is my delimma! I have changed out the Zen Cart Logo at the top of my page with my own logo that also has the links to the rest of the site. Right now the new logo/navigation as one link back to the catalog. How do I remove that and add links to each icon?

In the original site we add hotspots/image maps in dreamweaver where you can just draw a box over each graphic in a image to create links. Is it possible to import that to this graphic?

Original site: http://www.blackflameclothing.com/Home.html

Shopping cart: http://blackflameclothing.com/catalog/

PLEASE HELP ANYONE?????

The graphic is not the issue.

You need to to apply the appropriate HTML code for the MAP (and its co-ords) function. DW does this seamlessly for you in a HTML site, but here with ZC you're not working with html.

(Sad that WYSIWYG editors have negated the value of people having basic HTML knowledge...:( )

Search this forum for IMAGE MAPPING.

PM Misty. She put up a post a couple of weeks ago on this.

Thanks schoolboy!

I did some more research and found out that the image map code needs to be added to the tpl_header.php, but I am wondering if I am missing something. I put it in but nothing is happening:

<!--bof-branding display--> <div id="logoWrapper"> <div id="logo"><?php echo '<alt="" width="841" height="60" border="0" usemap="#Map" /><map name="Map" id="Map2"> <area shape="rect" coords="257,23,304,40" href="Home.html" /> <area shape="rect" coords="317,22,399,40" href="Aboutus.html" /> <area shape="rect" coords="415,23,517,41" href="Merchandise.html" /> <area shape="rect" coords="532,22,671,40" href="Upcomingevents.html" /> <area shape="rect" coords="686,20,732,41" href="News.html" /> <area shape="rect" coords="746,22,836,41" href="Contactus.html" /> <area shape="rect" coords="257,23,304,40" href="Home.html" /> </map> <map name="Map" id="Map"> <area shape="rect" coords="317,22,399,40" href="Aboutus.html" /> </map>' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper">

Rickmann08:

I am wondering if I am missing something. I put it in but nothing is happening:
http://www.zen-cart.com/forum/showpost.php?p=552677&postcount=4
explains how...

Thanks misty and schoolboy! I think I got it!

Check it out: http://www.blackflameclothing.com/catalog/

Of course I had to put a spacer image above the navigation graphic because it moved out of proportion. Now I just need to figure out why the spacer image is not loading!

thanks everyone!

Now I just need to figure out why the spacer image is not loading!
do you have spacer.gif in your zencart images folder?

Yeah I placed this image in every image folder I can find (I hope)!

Here is the code from the tpl_header.php page:

<img src="../images/spacer.gif" border="0" width="841" height="35"/></div><img src="../images/links2.png" border="0" usemap="#Map" />

anything I am missing?

here is an online image mapping tool to help for your image maps
Image Mapper tool

http://www.image-maps.com