Logo ImageMap

[DeniseF]

I have read everything to be found here to add an imagemap to the logo on my site, I thought I had it, but when I put the code in the all but the background disappeared! Site was gone lol

Before Putting in code:

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . 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">

This is the code I put in:

<div id="logoWrapper">
<div id="logo"><div id="logoWrapper">
<div id="logo"><img src="images/logo.gif" width="842" height="282" border="0" alt="" usemap="#FPMap0">
<map name="FPMap0">
<area href="http://www.babyprincessjewels.com" shape="rect" coords="358, 123, 447, 163" />
<area href="http://babyprincessjewels.com/index.php?main_page=contact_us" shape="rect" coords="471, 125, 588, 165" />
</map>
<?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
<div id="taglineWrapper">

Where did I go wrong?? Any help would be greatly appreciated! Thanks in advance!

Denise

[kobra]

Assuming your logo.gif image is in your templat/images dir and named logo.gif try inserting this snippet in place of existing:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    <!-- begin top navigation -->
	<div id="navHead">
	<map name="FPMap0">
	<area href="http://www.babyprincessjewels.com" shape="rect" coords="358, 123, 447, 163" />
	<area href="http://babyprincessjewels.com/index.php?main_page=contact_us" shape="rect" coords="471, 125, 588, 165" />
</map>
	<!-- end top nav -->
	</div> 
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>

[DeniseF]

OK with your code the page shows, but not the navagation from the image map, is there something I need to change in another file to turn the Logo link that normally if you click the logo you go back to the main page?

I redid the image map to see if that helped but nope!

Thank you for your help Kobra!

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
    <!-- begin top navigation -->
<div id="navHead">
<MAP name="map1">
 <AREA href="http://babyprincessjewels.com"
          alt="Home"
          shape="rect"
          coords="362, 123, 442, 161">
 <AREA href="http://babyprincessjewels.com/index.php?main_page=contact_us"
          alt="Contact"
          shape="rect"
          coords="467, 125, 584, 159">
</MAP>
<!-- end top nav -->
</div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>