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
  •