Page 1 of 1

making tables look like newspaper columns

Posted: Tue May 05, 2009 3:39 pm
by daedalus__
i need to do this but i really can't remember for the life of me.

this isn't for a website. i made a script to calculate some tool information and i need to lay it out so it is nice for printing, that is all. so, however ugly the code, i just need it to work.

thanks :)

Re: making tables look like newspaper columns

Posted: Tue May 05, 2009 3:49 pm
by kaszu
What have you tried? Also be more specific, what you mean by "like newspaper columns", is it just several columns with white space between them?

Re: making tables look like newspaper columns

Posted: Tue May 05, 2009 4:11 pm
by daedalus__
Usually if I post here it's because I'm not trying. I just did it programmatically. I thought there was an easy way using deprecated HTML but I couldn't find one.

-----------------------------------------------
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |

like that

Re: making tables look like newspaper columns

Posted: Tue May 05, 2009 4:16 pm
by pickle
Three divs, all floated left, with the appropriate margin-left set, should work.

Re: making tables look like newspaper columns

Posted: Tue May 05, 2009 11:52 pm
by John Cartwright
I've always used floats with relative widths.

Code: Select all

<style>
   div.column {
      float: left; 
      width: 33%;
   }
</style>
 
<div class="column">column 1</div>
<div class="column">column 2</div>
<div class="column">column 3</div>