1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Side-by-Side Div tags?

Discussion in 'CSS' started by wesley.bunton, Feb 27, 2009.

  1. #1
    So I have this layout that was given to me by a client. And it's basically a table that he sketched up in photoshop, with 3 main columns in the middle, a horizontal drop menu along the top middle square and some footer info.

    So you can imagine it kinda looks like a tic-tac-toe table, but it's a little stretched.

    I really don't want to use a table, cause I hate using tables. I would much rather just use div tags and id the corners that are basically place holders, etc. And then just be able to use the css on the different div tags, etc.

    But I just made the div's, and they are all top-down fashion. My question is, how do I make a set of 3 div tags go inline? Is it "display: inline"?

    Any suggestions are greatly appreciated, thanks so much for your help in advance!

    Wes
     
    wesley.bunton, Feb 27, 2009 IP
  2. revoD

    revoD Peon

    Messages:
    120
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    do something similar to below. you can change the settings to fit your needs.

    CSS

    #div-container {
    width:600px;
    }

    .column {
    width:300px;
    float:left;
    }

    Code

    <div id="container">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    </div>
     
    revoD, Mar 1, 2009 IP
  3. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    www dot pagecolumn.com/3_column_div_generator dot htm
     
    unigogo, Mar 3, 2009 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Google "css floats". They're a basic web building tool.
     
    Stomme poes, Mar 3, 2009 IP
  5. infomalaya

    infomalaya Banned

    Messages:
    103
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks dude for the tips
     
    infomalaya, Apr 3, 2009 IP
  6. meannn

    meannn Peon

    Messages:
    255
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thank you for the tip...
     
    meannn, Apr 19, 2009 IP
  7. kristianw

    kristianw Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for the Collumn generator. Very helpful!
     
    kristianw, May 2, 2009 IP
  8. onlywin

    onlywin Greenhorn

    Messages:
    97
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #8
    that column generator was very good! thanks!
     
    onlywin, May 21, 2009 IP
  9. luizeba

    luizeba Active Member

    Messages:
    265
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #9
    Thanks for the code man!
    Really helped me!!!
     
    luizeba, May 24, 2009 IP
  10. TIG2009

    TIG2009 Peon

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Hey good looking piece of code there!
     
    TIG2009, May 27, 2009 IP
  11. cliff1114

    cliff1114 Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    thanks for the code, it works thanks again
     
    cliff1114, May 27, 2009 IP