Link In The Shop Header

[Guest chrossat]

Hello,

I would like to add a link in the header of the shop. The header is made of a background-image.

The code of the header is:

<div id="Header">

<div id="Session">

{SESSION}

</div>

</div><!--close Header -->

I tried to add <a href...></a> in the Header <div>, but nothing happend.

Can somebody tell me how to do that?

Thank you

chrossat

[Guest Brivtech]

You can't make a background image hyperlink. You need something in the foreground for that.

[Guest]

I don't know why Devellion decided to make the Logo a background anyway?

Surely it would have made sense to make it a clickable logo as all sites do this.

[Guest Brivtech]

Probably, but there's nothing stopping you adding a logo over the background and making that clickable. It also allowed them to have the session data over that background image without it having to be in a separate box.

Why doesn't anyone try an image map to create a link over the background to make it clickable?

You know, something like:

<MAP NAME="map1">

<AREA

   HREF="index.php" ALT="Back to Home Page" TITLE="Home Page Link"

   SHAPE=RECT COORDS="6,116,97,184">

<a name="ex1_13" id="ex1_13"></MAP>

http://www.w3schools.com/tags/tag_area.asp

[Guest wonderworks]

Ok, I was asking for help but figured it out myself.

I made a totaly transparant gif (map.gif) of 515 pixels wide and 90 high put the following in the header <div>

<img src ="/map.gif" align="LEFT" width="515" height="90" border="NONE" alt="" usemap ="#clickmap" />

<map id ="clickmap" name="clickmap">

<area shape ="rect" coords ="0,0,255,90" href ="URL 1 here" />

<area shape ="rect" coords ="260,0,515,90" href ="URL 2 here" />

</map>

This works great. The header is now clickable in 2 regions that both call a different url.

The idea behind this is to have a new header with some extra's in a horizontal frame and run cubecart in another horizontal frame below that and use the original cubecart header as a place to have 2 clickable ads next to the language and currency selection.

You could of course also have just 1 clickable header that only links to the shop homepage. Just make the coords for the first <area shape 0,0,515,90 and remove the second <area shape line.

cheers, Daan