My layout generator

[RaptorRex]

I thought this might be useful to some people who hand code.

I hope it is ok to post this here.

The problem: reassembling a diced up image into a html/css website compatible between IE and FF.

Solution: well, I wrote this for myself, and thought I'd share it so I made a webpage for it. Just enter the coordinates of each box and its background image and this script will generate the div tags and css styles to make your webpage. The page will view identically in IE and FF.

http://upwithabang.com/tool-layout.html

One caveat: be sure to read the note about needing to specify containing boxes for stacked boxes.

Also, since this is only for laying out "background" boxes the program assumes no spaces between blocks. Every box should be flush with another box.

Also, rather than using "margin" settings, you should use empty div boxes where you really need that little extra spacing.

Let me know if this is useful, to you or anyone else.

Thanks for your time in reviewing it.

 

[J4m!3]

For people who hand code, wouldnt hand code anymore if they used that + I hand code and i would prefer to learn maybe make the site about learning how not just giving it away?

 

[RaptorRex]

For people who hand code, wouldnt hand code anymore if they used that + I hand code and i would prefer to learn maybe make the site about learning how not just giving it away?

The site also has learning resources off the front page.
And the tool still leaves plenty of room for manual adjustments - no GUI afterall.
I tweak the heck out of anything I make out of it but it saves me alot of time from the outset.

 

[brandonlanglois]

Nice idea! works good!

 

[Andromeda]

pretty cool idea.. thanks for sharing dude