Clickable Backgrounds

Discussion in 'HTML & Website Design' started by mberman84, Aug 15, 2008.

  1. #1
    hey i was wondering how collegehumor.com implements a clickable background? every time i try it, it either doesn't work or the entire page becomes clickable. how do i make just the sides of the page clickable...the background. here's what i mean:

    http://www.collegehumor.com/axe_target

    thanks,.


    PS. knowing how is nice...but can someone actually show me the code so i can do that on my site?
     
    mberman84, Aug 15, 2008 IP
  2. LeetPCUser

    LeetPCUser Peon

    Messages:
    711
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    
    <h1 class="logo"><a href="/" onclick="urchinTracker('_gTrack/topNav/click/logo');"><span>CollegeHumor</span></a></h1>
    
    Code (markup):
    Javascript.
     
    LeetPCUser, Aug 15, 2008 IP
  3. mberman84

    mberman84 Peon

    Messages:
    511
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3

    hm, im not really sure how this works. what does the code you sent me do? what is urchin tracker?
     
    mberman84, Aug 15, 2008 IP
  4. Chifforobe

    Chifforobe Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    the best way to do it is to express the background image in the css.

    #logo{
    width:50px;
    height:120px;
    background:url(../images/mylogo.jpg) no-repeat;
    display:block
    }
    
    <a href="mysiteurl.com" id="logo"></a>
    Code (markup):
     
    Chifforobe, Aug 15, 2008 IP