Hyperlinking entire header image (in lieu hyperlinked h1 text)

  • almamortar

    (@almamortar)


    18 years, 2 months ago

    Hi,

    I would like to make my entire header image at http://www.planistan.com/alma_mortar a link to this blog’s home page; right now, just the h1-formatted title, “Alma Mortar,” links to the blog’s home page. Any hints on how to accomplish this in CSS (or PHP, if that is more appropriate)? Thanks much in advance for any help.

    almamortar

Viewing 4 replies - 1 through 4 (of 4 total)
  • hayfordoleary

    (@hayfordoleary)

    18 years, 2 months ago

    In the CSS for the anchor, simply specify the largest width and height reasonable and append “display: block;”

    Thread Starter almamortar

    (@almamortar)

    18 years, 2 months ago

    hayfor,

    Thanks for your response. I am trying to understand it: where exactly would I append “display:block;” to? Would I add it to the #header tag in my header.php, which currently looks like this:

    #header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickheader.jpg”) no-repeat bottom center; }

    where does the link that I want my header image to link to go? Sorry about not completely getting it. Thanks again for your help!

    alma

    hayfordoleary

    (@hayfordoleary)

    18 years, 2 months ago

    Sorry about that. My species generally speaks only in obscure CSS references.

    After thinking about it more, I realised that there is more than simply dogin display: block;. Adding the code below (in wp-content/themes/default/style.css) will increase your clickable area some, but not completely. I’ll look into this more and reply back in a day or two.


    #header a {
    display: block;
    height: 100%;
    width: 100%;
    }

    Thread Starter almamortar

    (@almamortar)

    18 years, 2 months ago

    hehe, we all lapse into our own dialects sometimes. your attention is much appreciated!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hyperlinking entire header image (in lieu hyperlinked h1 text)’ is closed to new replies.