Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Feb 2008
    Location
    Plymouth
    Posts
    1,073
    Tokens
    0

    Latest Awards:

    Default Bit of coding help?

    Okay so I'm coding a layout for gangster but I need everything to be centred.. Also I need the black gradient fixed to the top of the page. And so the banner isn't fixed onto the blackgradient. This is the code, what shall I change?
    HTML Code:
    <html>
    <head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    <!--
    body,td,th {
        font-family: Verdana;
        font-size: 10px;
        color: #000000;
    }
    body {
        background-color: #9BCDFF;
            text-align: center;
    }
    #top {
            height: 32px;
            width: 900px;
            background-image: url(images/topgradient.gif);
            padding-top: 5px;
    }
    #banner{
                 height: 133px;
                 width: 850px;
                 background-image: url(images/banner.gif);
    }
    
    
    
    -->
    </style></head>
    <body>
    <div id="top"></div>
    <div id="banner"></div>
    
    </body>
    </html>
    What bits do I need to change, if any?

    EDIT: I have sorted the centering problem, just need the blackgradient to be up the top and a way to move the banner down from the blackgradient.
    Last edited by Bojangles; 02-03-2008 at 07:45 PM.

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

    Latest Awards:

    Default

    hey sorry I couldn't help earlier

    On the body, put

    margin-left: auto
    margin-right: auto

    Don't understand the other question

  3. #3
    Join Date
    Feb 2008
    Location
    Plymouth
    Posts
    1,073
    Tokens
    0

    Latest Awards:

    Default

    Oops forgot to give some linkage http://www.igoboy.com/gangster/index.html
    What I want to do is seperate the black gradient, the banner, and the red bit.

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

    Latest Awards:

    Default

    k did the other thing work. And also, add margin-bottom: 5px (the value you want). Add this tithe bottom of the div attributes

  5. #5
    Join Date
    Feb 2008
    Location
    Plymouth
    Posts
    1,073
    Tokens
    0

    Latest Awards:

    Default

    Haha Thanks and yea it did

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

    Latest Awards:

    Default

    no problem
    also, add padding on the right and left side divs where the marquees are, it goes over the borders LOL

  7. #7
    Join Date
    Feb 2008
    Location
    Plymouth
    Posts
    1,073
    Tokens
    0

    Latest Awards:

    Default

    Oops Also why won't the boxes expand?:S

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

    Latest Awards:

    Default

    make sure that you have a top
    middle and bottom and ur typing in the middle one lol
    bit obvious but you know

  9. #9
    Join Date
    Feb 2008
    Location
    Plymouth
    Posts
    1,073
    Tokens
    0

    Latest Awards:

    Default

    <div id="navtop"></div>
    <div id="navmiddle">ggggggggggggggg</div>
    <div id="navbottom"></div>
    I am typing in the middle.
    www.igoboy.com/gangster

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

    Latest Awards:

    Default

    k I think I know
    Add a height to the navmiddle attribute the same as the text font (12px) it should work

Page 1 of 2 12 LastLast

Posting Permissions

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