How Do I Acheive This?

Discussion in 'HTML & Website Design' started by Jake Howard, Jun 18, 2011.

  1. #1
    Hi all

    I am currently developing a site, and I was wondering if someone could explain how to do something for me.

    One site I came across was www.coffee-cake-recipe.com . Can someone please explain to me:

    1. How did they get the top adsense link unit to sit exactly on the green line?

    2. How do they get the green line to spread the width of the page, when the body of the site appears to be a fixed width?

    3. How do they get the thick green link to be at the very top of the page with no white?

    Thanks

    Jake
     
    Jake Howard, Jun 18, 2011 IP
  2. whichwayto

    whichwayto Peon

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you add /images/bg.jpg after the URL you'll see the background image they've used. Then simply use the code below:

    body { background: url(images/bg.jpg) repeat-x; }
    Code (markup):
    Which repeats the background image across the whole width of the page.

    With that set as a background, you can place a div directly on top which allows you to display anything you like (in this case, Adsense).
     
    whichwayto, Jun 19, 2011 IP
  3. Jake Howard

    Jake Howard Well-Known Member

    Messages:
    491
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    120
    #3
    Thanks whichwayto, much appreciated
     
    Jake Howard, Jun 19, 2011 IP