www.webdeveloper.com
Results 1 to 2 of 2

Thread: Header Band

  1. #1
    Join Date
    Mar 2006
    Location
    Canada
    Posts
    1,197

    Header Band

    below is the code that I'm working with trying to create a header. my goal is to have a header and band at the bottom with menue options> I header created, but can't figure out how to float the band to the bottom of the header.

    Thank you


    Code:
    <style type="text/css">
    .top
    {
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       height: 15%;
       margin: 10px;
       padding: 5px;
       background-image: url(images/header_02.gif);
       color: white;
       font-family: Arial;
       font-weight: 900;
       font-size: 20pt;
       font-style: italic;
       z-index:2;
       visibility: visible;
    }
    
    .bottom
    {
       float:bottom;
       width: 100%;
       height: 5%;
       margin: 10px;
       padding: 5px;
       background-image: url(images/header_03.gif);
       color: white;
       font-family: Arial;
       font-weight: 900;
       font-size: 10pt;
       font-style: italic;
       z-index:2;
       visibility: visible;
    }
    </style>
    
    
    </head>
    <body>
    <div>
    <A STYLE="text-decoration:none" HREF="/index.php"><span class="top" id="banner">TomorrowNextWeek.com <br />
    Lets Talk Money</span></a>
    </div>
    
    <A STYLE="text-decoration:none" HREF="/index.php"><span class="bottom" id="banner">Bottom <br />
    Lets Talk Money</span></a>
    </div>
    
    </body>
    </html>
    Kevin

  2. #2
    Join Date
    Mar 2006
    Posts
    42
    header, as in header/footer type terminology? don't say header.. it gets confused with heading tags and head tags. fyi only - no offense... have you tried going about it a different way like this? : position the band absolutely against the header from the top and left like so: top: 450px; left:0px; margin: auto; padding: 0px;

    or this: put both the header and the band in a containing div tag. position them inside the div tag relatively or absolutely, then float the whole div.

    also, you have one div tag and 2 closing div tags.... you may think your using some css that your not actually using. fix those. let me know how it goes..i will try and help u further.
    how do i add a picture here?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles