[bmelton]

Complicated(?) template rendering. I have a template with varying sized elements, and a collection of images that I need to stuff into said template.

Not sure how to accomplish it, as I can't just iterate through the results as I need to put the right sized image into the right-sized grid (or scale it, which might be easier), but either way, I have four columns, some of which have either 1 or 2 rows, and each of the rows may be of different heights.

I know that there will always be seven elements in the template, and there are fixed heights that I can cheat with, but beyond that, I'm stumped.

[asolove]

Is the problem specific to rendering them with Backbone? If you always know the html/css solution, it's just a matter of picking one of the many js templating systems that works best. Of course, for very advanced manipulation, you can always just full back to writing a render method yourself and munging the nodes with jQuery.

[jashkenas]

Using a template library that allows arbitrary code will probably make this easier...

But it sounds like what you want to do is precompute all of the correct widths and heights for your elements, based on the image sizes. Then, when you go to render, you can simply look up the appropriate width, height, margin, padding for each cell.