Hyperlinking an Image in Header (4 posts)

  1. dunamisdesigns
    Posted 6 years ago #

    I just completed a new site at http://www.theflatlandvoodoojam.com and I have a question. I want to hyperlink a logo that is part of my header image. If you look at the site, it's the "Raising Cane's" logo. Can anyone tell me the best way to go about doing that? I don't have a lot of CSS experience, other than hacking existing CSS, which is what I did to build this site.

    thanks for your help.

  2. thelastknight
    Posted 6 years ago #


    It seems your header image is all one big background image http://theflatlandvoodoojam.com/wp-content/themes/ShiftTheme/images/shiftimages/voodoo2009_header.jpg

    A ugly way to get around this would be to create a new div inside of your banner div, called link or something and place a transparent GIF in there about 300px wide and 70px high.

    <div id="banner">
    	<div id="link">
         	<a href="#"><img src="images/transprent.gif" width="300" height="70" alt="Link" /></a>
         </div><!-- /link -->

    Then in your CSS

    #link { width: 300px; height: 70px; position: absolute; top: 320px; }

    Again this a quick but ugly way to do it.

  3. dunamisdesigns
    Posted 6 years ago #

    Lastknight, thanks for the help. I'll try this today and let you know if I get it working. I understand that this is a "ghetto" way of making it work :), still trying to learn wordpress. ha. thanks again.

  4. dunamisdesigns
    Posted 6 years ago #

    LastKnight. I had another question about your solution. How should the hyperlink look in the new div code you supplied? Will it go in place of the "/link" and if so, how should it be typed out? thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic