Forums / Templates, Stylesheets, Page Layout / Hot spot - image in the wrong place..help!

Hot spot - image in the wrong place..help!

Locked

Views: 1,511

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
18 Aug 2010, 3:09 PM
#1
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Hot spot - image in the wrong place..help!

Hi,

I'm just setting up links in my top banner (hot spots). The links are there (I've yet to position them) but the image is in the wrong place. It should be centred and just above the links - Coaching - Hypnotherapy etc

In the css I have added

#logoWrapper {display:none; }

and the image now displays as a background image to the image map (#imagemap).

I did this on another site with no problems.

What have I done wrong? missed?

Site is here
username: test
password: test

Thanks for any help...if you need more information let me know..

18 Aug 2010, 4:03 PM
#2
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,682
Plugin Contributions:
0

Re: Hot spot - image in the wrong place..help!

Moderator's note: thread moved to Templates and Page Layout forum.

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

18 Aug 2010, 6:30 PM
#3
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Hot spot - image in the wrong place..help!

Thanks for moving this :bigups:

Still no joy..have tried a few things but they just made it worse...does anyone know?

The site I have this working on is here

As you can see there are three hotspots in the main top banner...how do I get this to work (image in correct place) on the other site (see first post for link)

Does this help? :mellow:

19 Aug 2010, 1:08 AM
#5
amandagero avatar

amandagero

Zen Follower

Join Date:
Feb 2009
Posts:
188
Plugin Contributions:
0

Re: Hot spot - image in the wrong place..help!

open up includes/templates/YOUR_TEMPLATE/common/tpl_header.php

add THIS CODE in place of the logo code

<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>
19 Aug 2010, 8:26 AM
#6
pb4 avatar

pb4

Totally Zenned

Join Date:
Nov 2007
Posts:
555
Plugin Contributions:
0

Re: Hot spot - image in the wrong place..help!

Thanks...that did it :) I just had to delete the image map code in the header that I had put in and change sizes etc and its working...just have to figure out the coordinates now!

Thanks for your help :)

19 Aug 2010, 11:35 PM
#7
amandagero avatar

amandagero

Zen Follower

Join Date:
Feb 2009
Posts:
188
Plugin Contributions:
0

Re: Hot spot - image in the wrong place..help!

no problem, glad to help.