“The Box Office lets you wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.”
The idea behind it all was conceived when analyzing a newspost at Mike Industries where Mike contoured some text around a background image like so:
The technique behind it, is to create loads of empty div’s with the same height as the used line-height.
Using a handy Bookmarklet called topo with borders we can make them visible though:
Doing this all manually time after time for every new image discouraged me a bit so I started scripting a program to automate all this
A first version was created in C#, and then later on ported to PHP so that all webdevvers (read: non-Windows webdevvers) could benefit from this tool.
The result can be seen over at http://www.theboxoffice.be/, along with some examples and an extended about page.
Bram.us is the technical/geeky weblog of Bram Van Damme (nicknamed Bramus!), a 28 year old geezer raised in Deinze and living in
Pingback: CSS Regions and CSS Exclusions | Bram.us