Image map on rotating header images

  • dikkiedutton


    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:

    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?





    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=""></a></dd>

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



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

  • You must be logged in to reply to this topic.