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!


Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2006
    Location
    Cardiff, Wales
    Posts
    3,439
    Tokens
    1,751

    Latest Awards:

    Default Div coding help [+rep]

    For the past three days iv'e been trying to code my layout in divs,

    No good as of yet.

    Anyway, i would like to see how all you coders position the divs etc, so i can figure out what i am doing wrong and what i need to include.

    So if you have any old coded layout that you don't need could i please borrow it for educational purposes?

    +rep for those who do

  2. #2
    Join Date
    Oct 2008
    Location
    England
    Posts
    46
    Tokens
    0

    Default

    I suggest you read some tutorials about DIVS etc.
    http://www.w3schools.com/tags/tag_DIV.asp
    http://www.yourhtmlsource.com/styles...csslayout.html
    http://www.wmtips.com/CSS/replace-ta...vs-css-609.htm

    I postition my divs like this:
    Code:
    {position: choice; top: 0px; bottom: 0px; left: 0px; right: 0px; }
    Stole off one of the tutorials listed above; But still, that's how I do it, unsure on other days to do it, but I'm sure their are some.

    Good luck learning DIV coding.

    Money sent via Paypal. Lowest payout $2.

  3. #3
    Join Date
    Oct 2008
    Location
    Hampshire
    Posts
    22
    Tokens
    0

    Default

    Most of the time I use float: left; because most of my layouts have 3 columns.

    I can't really explain it, but just read up on positioning divs ect. I didn't use any tutorials, I had to teach myself, but thats what I would suggest.

  4. #4
    Join Date
    Jun 2008
    Location
    Manchester
    Posts
    766
    Tokens
    0

    Default

    If it's for a layout then you probably need to use "float: left;" and "float: right;".

  5. #5
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default

    I do this:
    float: left;
    - This is for making it float to the lft (Using alot)

    float: right;
    - This is for making it float to the right (Ain't using it alot)

    margin: auto;
    - This is for centering the things

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

    Latest Awards:

    Default

    Quote Originally Posted by BuaxDesigns View Post
    I suggest you read some tutorials about DIVS etc.
    http://www.w3schools.com/tags/tag_DIV.asp
    http://www.yourhtmlsource.com/styles...csslayout.html
    http://www.wmtips.com/CSS/replace-ta...vs-css-609.htm

    I postition my divs like this:
    Code:
    {position: choice; top: 0px; bottom: 0px; left: 0px; right: 0px; }
    Stole off one of the tutorials listed above; But still, that's how I do it, unsure on other days to do it, but I'm sure their are some.

    Good luck learning DIV coding.
    I would not recommend using that method as you can't do expanding divs.

    The best way to do it is to make a container div, then make 3 divs inside it all floating left (to get 3 columns). Never use float: right!
    Lets set the stage on fire, and hollywood will be jealous.

Posting Permissions

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