How do i create a Clear Image Block

Discussion in 'HTML & Website Design' started by MDStidham, Apr 2, 2007.

0
  1. #1
    Hello all,

    Just wondering how to create a clear image block on my site's header to function as a clickable link back to the main page.
    i wanna do this because my header has already been coded to be a background image. i wanna allow my visitors to be able to click the header and go back to the main page though.

    Thanks a lot for the help!

    my site is www.hollywoodheadache.com
     
    MDStidham, Apr 2, 2007 IP
  2. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #2
    Create a 1x1 px transparent image in Photoshop and save it in .GIF format. Then use it to simulate an image link over the header background.
     
    Clive, Apr 2, 2007 IP
  3. Louis11

    Louis11 Active Member

    Messages:
    783
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    70
    #3
    You gotta save optimized to get the transparency. :)

    Make it the same size as your header, overlay it and link it like you would normally. But honestly, there are better ways to do this. Of all things, why not just get your header image and place it over the background image? Wouldn't that be doing the same thing?
     
    Louis11, Apr 2, 2007 IP
  4. Rasczak

    Rasczak Peon

    Messages:
    131
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    ...or create an absolute-positioned and background-picture-sized DIV and close it into the <a href="link">tag</a> ;-))
     
    Rasczak, Apr 3, 2007 IP