Support » How-To and Troubleshooting » Hyperlinking an Image in Header

Hyperlinking an Image in Header

  • 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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    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.

    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.

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hyperlinking an Image in Header’ is closed to new replies.