HabboxWiki needs you!
Are you a Habbo buff? Or maybe a rare trader with a bunch of LTDs? Get involved with HabboxWiki to share your knowledge!
Join our team!
Whether you're raving for rares, excited for events or happy helping, there's something for you! Click here to apply
Need a helping hand?
Check out our guides for all things to help you make friends, make rooms, and make money!


Results 1 to 4 of 4

Thread: nav bars

  1. #1
    Join Date
    Dec 2006
    Posts
    7,601
    Tokens
    95

    Latest Awards:

    Default nav bars

    how do you make the nav bars go all the way across the page so there is no colour showing. so the nav bar touches the edge of the pages. and also, the nav bar is at the top of the page showing no bg colour also.

    using divs thanks

  2. #2
    Join Date
    Dec 2006
    Posts
    3,970
    Tokens
    0

    Latest Awards:

    Default

    In the head tag
    HTML Code:
    <style type="text/css">
    body {margin: 0px}
    .navbar {width: 100%;
                 height: 35px;
                 background: url('Add bg image url here, must be 35px high')
                 text-align: center;}
    </style>
    In the body tag where you want your menu
    HTML Code:
    <div class="navbar">
    <a href="page1.html">Page 1</a>
    <a href="page2.html">Page 2</a>
    <a href="page3.html">Page 3</a>
    <a href="page4.html">Page 4</a>
    </div>
    Lets set the stage on fire, and hollywood will be jealous.

  3. #3
    Join Date
    Dec 2006
    Posts
    7,601
    Tokens
    95

    Latest Awards:

    Default

    thank you, i edited it to fit in with the code and thanks it worked +rep

  4. #4
    Join Date
    Dec 2007
    Location
    Toronto, Ontario, Canada
    Posts
    689
    Tokens
    0

    Default

    In conclusion to Toms post:

    Just add "width: 100%" to any code in your CSS and it will go across the whole page.

Posting Permissions

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