How do I create a link using the logo in my header?

  • Resolved marcjohnsonbooks

    (@marcjohnsonbooks)


    14 years, 3 months ago

    I realize there is no way to convert a background image into a link. But I was wondering if their was a way to cheat. Could I create an “empty” div within the header div and connect it to a href tag? I’m looking for options.

    Here is the link to my blog:

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

    (@esmi)

    14 years, 3 months ago

    I realize there is no way to convert a background image into a link

    There is a way of turning an entire header into a link, though.

    vangrog

    (@vangrog)

    14 years, 3 months ago

    You can also place a transparent image over it, and use it to set a link.

    designingreen

    (@designingreen)

    14 years, 3 months ago

    You can create an empty div with set height and width, then create inside a ‘a’tag and style it to fill the whole div. An example:

    CSS:

    div.header { width: 500px; height: 100px; }
div.header a { display: block; width: 100%; height: 100% }

    HTML

    <div class="header">
<a href=""></a>
</div>

    v

    Thread Starter marcjohnsonbooks

    (@marcjohnsonbooks)

    14 years, 3 months ago

    Thanks – Designingreen. After reviewing my choices I choose your way of doing it. It gave me the ability to target over a specific area of the header image rather than converting the whole 850px 234px image.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I create a link using the logo in my header?’ is closed to new replies.