Strip Across Top of Site - How?

Discussion in 'HTML & Website Design' started by Entrep, Jun 8, 2006.

  1. #1
    Hi there

    If you go to this site - http://wowinsider.com/ - you will see a yellow strip across the top. I am trying to do something similar for one of my sites, and have looked at their source code, and their stylesheet and havent got anything.

    Can someone help me out?

    Thank you!
     
    Entrep, Jun 8, 2006 IP
  2. deronsizemore

    deronsizemore Peon

    Messages:
    103
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well it's fairly easy if you don't need to use a specialty image or anything. If all you need is a color strip then you could do this:

    body {
    margin: 0;
    }
    #header {
    height: 50px;
    background: #ccc;
    margin: 0;
    padding: 0;
    }
    
    Code (markup):




    <div id="header">
    
    </div>
    Code (markup):
    You can also use an image. You can check out a page I'm working on for that technique. Just look at the source. deronsizemore.com/test/index.html
     
    deronsizemore, Jun 8, 2006 IP
  3. Entrep

    Entrep Well-Known Member

    Messages:
    588
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    110
    #3
    Thanks alot, Ive got this sorted now :)
     
    Entrep, Jun 8, 2006 IP