Adding Lines Between Columns???

Discussion in 'CSS' started by jawinn, Sep 13, 2006.

  1. #1
    How do I add lines between the CSS columns in a wordpress template?

    thx
     
    jawinn, Sep 13, 2006 IP
  2. mstwntd

    mstwntd Peon

    Messages:
    72
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi there,

    You'll need to provide us with a little more information, jawinn. How many columns? Is the layout fluid or fixed-width? What will this 'line' look like?

    When it comes to CSS, there is no one set way of getting things done. It is your responsibility to understand the possibilities available for positioning and browser issues (*cough* IE), and based on that knowledge, select the best method for completing the task at hand. This comes with experience.

    A common technique with fixed-width layouts is to create a small background image, which, when tiled across the main wrapper, draws the column lines. See http://alistapart.com/articles/fauxcolumns/ for more information.

    This is a hack, but before you start wondering why you should go through all this trouble when tables can do this easily, let me just say that display: table/table-cell/table-row; has been supported by most standards compliant browsers for years. It is IE that makes life difficult here, not CSS.

    Good luck, and let me know if you have any trouble.
     
    mstwntd, Sep 15, 2006 IP