Ok, so I am using FPDF and PHP to make automatic dynamic flyers for my office and I was wondering if anyone could help me out in making a "thumbnail" of the document layout for the page that lets the user select which layout they want to use in the document before they open it...

I've got a page in the CMS that I'm making; it lists all of the current flyer layouts that are available. There has to be several and I'm including an add/edit feature so it will be easier to deal with in the future too. I want to make a thumbnail of the layout beside the "edit this layout" type of link. The database has the dynamic info for each layout so for each "box" in the layout there is an X, Y, Height, and Width coordinate. (X and Y are for the top left point)

Anyone know how I can produce a layout thumbnail (there are only 4-6 boxes used in the layout) for the layouts that actually uses the X,Y coordinates to position it properly? I can do inline-block with div's, but I don't know how to make them configure properly to be higher or lower and to overlap multiple lines.

I can also calculate the amount of pixels for the top and left margins of each square within the layout, but I don't know how to make them line up together without the risk of overlapping or "escaping" the square they're in, which will be an "8.5 x 11" page ratio shrunk down to around 120px tall +\- to be the thumbnail and then scaled up to about 600px tall +\- once clicked-on (probably as a light-box) to "take a closer look" at the layout.

Any help is greatly appreciated.