Image Map to Logo/Header

[john4803]

Hey I am new here and think it is a great site. Read the old posts about image maps but don't seem to specifically apply to me or just dumb LOL!

Anyway I have tried to insert the code in the header.php and tpl_header.php files and have not had any luck? Also, my side border wants to appear above the logo with a login link (can't see it but it is there) - another issue!

Here is my site (test site for a client, v1.3.9d) and code:

http://harrisonsenterprise.com/theli...pkinpatch.com/

<div>
<img src="images/talllogo.jpg" usemap="#Map" width="1246px" height="397px" border="0"></div>
<map name="Map" id="Map">

<area shape="rect" coords="180,300,260,350"
href="index.php?main_page=index">

<area shape="rect" coords="330,300,460,350"
href="index.php?main_page=page&id=2&chapter=0">

<area shape="rect" coords="540,300,640,350"
href="index.php?main_page=page&id=8&chapter=0">

<area shape="rect" coords="710,300,850,350"
href="index.php?main_page=shopping_cart">

<area shape="rect" coords="910,300,1060,350"
href="index.php?main_page=contact_us">

</map></div>

Need to know exactly where to put it in either file, since I know very little php!

Thanks for advance for any suggestions!

[AmandaGero]

add this to tpl_header.php

<img src="<? echo DIR_WS_TEMPLATE; ?>images/logo.jpg" alt="Logo" width="775" height="265" border="0" usemap="#Map" />
      <map name="Map" id="Map1">
  <area shape="rect" coords="239,222,530,263" href="index.php" />
       <area shape="rect" coords="642,17,762,67" href="index.php?main_page=conditions" />
       <area shape="rect" coords="643,178,759,229" href="index.php?main_page=gv_faq" />
       <area shape="rect" coords="644,130,759,176" href="index.php?main_page=privacy" />
       <area shape="rect" coords="643,72,765,122" href="index.php?main_page=shippinginfo" />
       <area shape="rect" coords="23,61,137,110" href="index.php?main_page=products_new" />
       <area shape="rect" coords="22,118,138,169" href="index.php?main_page=shopping_cart" />
       <area shape="rect" coords="22,11,135,56" href="index.php" />
       <area shape="rect" coords="16,171,136,219" href="index.php?main_page=login" />
    </map>

[john4803]

I inserted it here:

<!--bof-header logo and navigation display-->

<?php

if (!isset($flag_disable_header) || !$flag_disable_header) {

?>

INSERTED HERE!!!!!!!!!!!!

<div id="headerWrapper">

<!--bof-navigation display-->

<div id="navMainWrapper">

<div id="navMain">


And it works but I am getting a second image below it that links to the log-in?

Any ideas AmandaGero? Thanks so much for your quick response!

[john4803]

I had forgotten to take the logo out of the CSS and it was being duplicated! Everything is good!

Thanks again AmandaGero!

[AmandaGero]

no problem!