dikkiedutton

#6203

Hi all

Is it possible to have an image map on the header image, even when there are different headers for different pages?

Website here: http://c4780711.myzen.co.uk/

I’ve managed to get one on, so long as there is a static header image – which there isn’t. So I’ve removed it!

Or is there another way that I’m best approaching it? CSS?

Cheers

Dikkie

dikkiedutton

#33660

For those of you who are (not) interested. Here’s how I’ve done it:

Add this to the CSS:

dl.image_map {

display: block;

width: 960px;

height: 198px;

position: relative;

padding: 0px;

}

a.LINK0 {

left: 549px;

top: 135px;

background: transparent;

}

a.LINK0 {

display: block;

width: 250px;

height: 0;

padding-top: 13px;

overflow: hidden;

position: absolute;

}

a.LINK0:hover {

background: transparent;

border: 1px dashed black;

color: black;

}

Then add this to a ‘graphene_header’ action hook in widgets:

<dl class="image_map">

<dd><a class="LINK0" title="Email" href="mailto:email@email.com"></a></dd>

</dl>

Again, probably a better way to do it but this works for now!

Cheers

Dikkie