Howdy folks. I'm in a bit of a bind. I'm working on a book seller's website- and they use this tool that auto generates static pages with lists of their books. Theres over 1000 pages that get generated with the tool- and i'm modifying the layout of the page by modifying the presets of the tool.
Anyway- heres my problem:
I've got a book listing and all of its relevant data inside a div. I want to make it so that the divs can show up in multiple colums, but whenever I put a div in, it puts it below the one prior to it. This means it turns out to be more of a list than a grid.
I cant use a table because of the way the divs are generated. The tool used to generate the pages can only spit out the data for one book at a time, so I cant put in a </tr><tr> anywhere- because either it does it with every cell (thus making it a one colum table), or It doesnt seperate up the rows at all and all the boxes get smooshed together on one line.
So- my question is- how do I get a div to be positioned like an image-- so that it will go to the right of the div next to it, and will go to the next line if there is no room.
10 points if you can answer this.
Anyway- heres my problem:
I've got a book listing and all of its relevant data inside a div. I want to make it so that the divs can show up in multiple colums, but whenever I put a div in, it puts it below the one prior to it. This means it turns out to be more of a list than a grid.
I cant use a table because of the way the divs are generated. The tool used to generate the pages can only spit out the data for one book at a time, so I cant put in a </tr><tr> anywhere- because either it does it with every cell (thus making it a one colum table), or It doesnt seperate up the rows at all and all the boxes get smooshed together on one line.
So- my question is- how do I get a div to be positioned like an image-- so that it will go to the right of the div next to it, and will go to the next line if there is no room.
10 points if you can answer this.