Image map on rotating header images

  • 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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.