Slice and Dice

TA!SliceNDice!HTML

  17 January 2003

Description

Use a table to send words through as individual letters arranged top to bottom but read left to right.

Example

<table cellpadding=0 cellspacing=0 border=0><tr>
 <td><table cellspacing=0 cellpadding=0 border=0><tr><td>
 <font face="Courier New, Courier, mono" size=2>
 <br>U<br> <br>O<br>a<br> <br>D<br>u<br>a
 <br> <br>N<br> <br>B<br>d<br> <br>N<br> 
 <br>C<br> <br>C<br>w<br> <br>1<br> <br> 
 <br> <br>1<br> <br>C<br>S<br></font></td></tr></table></td>
 <td><table cellspacing=0 cellpadding=0 border=0><tr><td><font
 face="Courier New, Courier, mono" size=2>
 <br> N <br> <br>bta
 <br>nd <br> <br>ipl<br>niv<br>nd <br>
 <br>o r<br> <br>ach<br>ipl
 <br> <br>o o<br> <br>onf<br>
 <br>ALL<br>ith<br> <br> - 
 <br> <br> <br> <br>
 - <br> <br>all<br>und<br></font></td></tr></table></td>
 <td><table cellspacing=0 cellpadding=0 border=0><tr><td><font
 face="Courier New, Courier, mono" size=2>
 <br>I V<br> <br>in <br>the
 <br> <br>oma<br>ers<br>lif<br> <br>equ
 <br> <br>elo<br>oma<br> <br>ne <br>
 <br>ide<br> <br> NO<br>in <br>
 <br>3 1<br> <br> 
 <br> <br>2 1<br> <br> 24<br>ays
 <br></font></td></tr></table></td>
 <td><table cellspacing=0 cellpadding=0 border=0><tr><td><font face="Courier
 New, Courier, mono" size=2>
 <br> E<br> <br>a <br> a<br> 
 <br>s <br>it<br>e <br> <br>ir<br> <br>rs<br>s
 <br> <br>is<br> <br>nt<br> <br>W 
 <br>da<br> <br> 2<br> <br> <br> 
 <br> 2<br> <br> h<br> a<br></font></td></tr></table></td>

A Slice and Dice variant that replaces <br> tags with <div>:

<TABLE>
 <TR>
 <TD><DIV><STRONG>V</STRONG></DIV><DIV><STRONG>C</STRONG></DIV></TD>
 <TD><DIV><STRONG>A</STRONG></DIV><DIV><STRONG>I</STRONG></DIV></TD>
 <TD><DIV><STRONG>L</STRONG></DIV><DIV><STRONG>A</STRONG></DIV></TD>
 <TD><DIV><STRONG>I</STRONG></DIV><DIV><STRONG>L</STRONG></DIV></TD>
 <TD><DIV><STRONG>U</STRONG></DIV><DIV><STRONG>I</STRONG></DIV></TD>
 <TD><DIV><STRONG>M</STRONG></DIV><DIV><STRONG>S</STRONG></DIV></TD>
 </TR>
 </TABLE>

Another Slice and Dice variant that uses only <div> tags:

<DIV style="FLOAT:left"><DIV> P</DIV><DIV> L</DIV></DIV>
 <DIV style="FLOAT:left"><DIV> r</DIV><DIV> e</DIV></DIV>
 <DIV style="FLOAT:left"><DIV> o</DIV><DIV> v</DIV></DIV>
 <DIV style="FLOAT:left"><DIV> z</DIV><DIV> i</DIV></DIV>
 <DIV style="FLOAT:left"><DIV> a</DIV><DIV> t</DIV></DIV>
 <DIV style="FLOAT:left"><DIV> c</DIV><DIV> ra</DIV></DIV>

Yet another Slice and Dice variant that uses only <table> tags with <div>:

<TABLE cellPadding=0 cellSpacing=0>
 <TR>
 <TD class=t2 width=70 height=52>
 <DIV align=right>
 Via<BR>
 Cia<BR>
 Meri<BR>
 Lipi<BR>
 Zuc
 </DIV>
 </TD>
 <TD class=t3 width=70 height=52>
 gra<BR>
 lis<BR>
 dia<BR>
 tor<BR>
 or
 </TD>
 <TD class=t3 width=80>
 <DIV align=right>
 Cial<BR>
 Lev<BR>
 Pro<BR>
 Gluc<BR>
 Cari
 </DIV>
 </TD>
 <TD class=t3 width=90>
 is Soft<BR>
 itra<BR>
 pecia<BR>
 ophage<BR>
 soma
 </TD>
 <TD class=t3 width=70>
 <DIV align=right>
 Vali<BR>
 Xan<BR>
 Amb<BR>
 Zol<BR>
 Ata
 </DIV>
 </TD>
 <TD class=t4 width=70>
 um<BR>
 ax<BR>
 ien<BR>
 oft<BR>
 rax
 </TD>
 </TR>
 </TABLE>

(The last three examples submitted by Nick FitzGerald)

Entries