SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Jun 2010
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Why can't I see my header DIV?

    Hi there,

    I am using tumblr for my portfolio website www.ellekorhaliller.co.uk

    I want to create a DIV to contain the header links "Information", "Elle Korhaliller" and "Contact" and create a white box that will be underneath these links however far you scroll down the page.. Here are some examples of the white box, header idea that I am trying to explain:
    http://roscoproduction.com/

    So far, I have tried to create this by using the following CSS:
    HTML Code:
    #header {
        position: fixed;
        background-color: #000000;
        z-index:5000;
        width:100%;
        top: 0px;
    left:0px;
    margin: 0px auto;
    height: 40px;
        
    }
    And I also have the following corresponding HTML in my body section:

    HTML Code:
    <div id="header">
    
    <div class="title"><a href="/"><a style="border-bottom-style: solid; border-bottom-width: 2px">{Title}</u></a></div>
    <div class="archive"><a href="http://www.ellekorhalillerweb.tumblr.com/information">Information</a></div>
    <div class="follow">{block:PermalinkPage}{block:Posts} {/block:Posts}{/block:PermalinkPage}<a href="http://www.ellekorhalillerweb.tumblr.com/contact">Contact</a></div></div>
        
    </div>
    To me, these codes seem correct so can anybody advise on why I can't see the header box I am trying to create?

    Many thanks in advance.

  2. #2
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    http://gyazo.com/efdd77601227e7c1ead02b3d1ecb7c8a

    I can see a top #header which stays fixed as i scroll down. I'm using Chrome on Windows 7 or am i completely misreading this and you're after something else?


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •