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
  •