Friday, June 29th, 2007

Art with Tables

Category: Fun, HTML

As we rant and rave about CSS the true artists are up to amazing things with HTML tables :)

Here is some Friday fun:

Posted by Dion Almaer at 6:59 am

3.8 rating from 67 votes


Comments feed TrackBack URI


Comment by Daniel — June 29, 2007

Wow. Blank space is truly beautiful!

Comment by Aaron — June 29, 2007


Comment by Jim Neath — June 29, 2007

Maybe this one ;-)

Comment by bb — June 29, 2007

look at the source, you’ll find it.

Comment by silent — June 29, 2007

Scary ;)

Comment by Daniel — June 29, 2007

W O W !

That cooks my brain.

Comment by James MacFarlane — June 29, 2007

Dunno who is posting these entries but please figure out how to use it!
So many times you’ve missed a close bracket, forgot a letter, or just generally fudged the whole thing.


Comment by Chris Rowe — June 29, 2007

source of post:

Here is some Friday fun:

Comment by panda — June 29, 2007

god damn :)

<p>Here is some Friday fun:</p>
<p><object width=”425″ height=”350″><br />
<param name=”movie” value=””></param>
<param name=”wmode” value=”transparent;></param><embed src=”” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed></object>

Comment by panda — June 29, 2007

This is damn cool also…

Comment by Rory — June 29, 2007

this img2html thing is amazing!

Comment by kenji — June 29, 2007

Oh my God… I don’t wanna see this DOM tree rendering on-line… ;)

Comment by Mariusz — June 29, 2007

Now that, although must be atrosious code, is very impressive

Comment by justin — June 29, 2007

Omg, that rox :)

Comment by manitra — June 29, 2007

oh man this is sick

Comment by MP:Schorsch — June 29, 2007

I can see this technique being adopted by spammers converting “Buy Cialis from Canadian” into html instead of embedding an image.

On the flip side this may be an alternate way to obfuscate Captcha’s. Bots can defeat Captcha’s by identifying the image in the source code and running OCR on it. Embedding the Captcha as an html table can make it more difficult for the bots to isolate it and scrape it. This would just look like part of the html to a robot. If you embedded random non visible html elements into the captcha it would further the obfuscation. Make the coloring dependent upon CSS styles and the bot would have to know how to parse css. Apply the styles after the page is displayed via JavaScript and the bot has to run JavaScript.

Randomly switch between variations of this method, and regular image captchas and the bot has to stay on it’s toes prepared to process whatever comes it’s way.

The bot’s only hope then is to fully render the page as a browser would and then OCR the right area of the page. It doesn’t completely get rid of the possibility to bypass it, but it does make it a more expensive operation.

Comment by Ben — June 29, 2007

A quick google search shows that people are already working on this.

Comment by Ben — June 29, 2007

This is crazy, but I think it was an animator and a programmer playing around together making it Look like they really did this, when in fact it is just animation with and tags flying up the text editor window.

Comment by Chad — June 29, 2007

Some people have WAY WAY WAY too much time on their hands

Comment by Bart — June 29, 2007

OMG! Try replicating that with CSS! If I have a spare 13 weeks, I might have a go ;)
Great fun. Thanks for posting.

Comment by johno — June 30, 2007

simple way how to create it from png image

> 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;

$table = ”;
$table .= ”;
for ($i = 0; $i > 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;
$td .= ”;
$table .= ”.$td.”;

$table .= ”;
return $table;

$img = imgToHtml(“calendar.png”);
echo $img;

Comment by tswienty — June 30, 2007

You don’t need tables. See here:

Comment by Philip Tellis — June 30, 2007

Leave a comment

You must be logged in to post a comment.