Table Backgrounds

image.asc - 

  ___________________________________________
 |\   \   \    \    \  |  /    /    /   /   /|
 | \   \   \    \    \ | /    /    /   /   / |
 |---------------------+---------------------|
 | /   /   /    /    / | \    \    \   \   \ |
 |/___/___/____/____/__|__\____\____\___\___\|

table.html - 

 <title>Table</title>
 <link rel="stylesheet" type="text/css" href="stylesheet.css">
 
 <table>
   <tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
 </table>

stylesheet.css - 

 table {border-collapse: separate;}
 tr {background: url(image.asc) 50% 50% no-repeat;}

Rendering?

 A)
    .............................................
    : ............. ............. ............. :
    : :   \ | /   : :   \ | /   : :   \ | /   : :
    : :-----+-----: :-----+-----: :-----+-----: :
    : :.../.|.\...: :.../.|.\...: :.../.|.\...: :
    :...........................................:


 B)
    .............................................
    : ............. ............. ............. :
    : :   \   \   :\:   \ | /   :/:   /   /   : :
    :-:-----------:-:-----+-----:-:-----------:-:
    : :.../.../...:/:.../.|.\...:\:...\...\...: :
    :...........................................:

 C)
    .............................................
    : ............. ............. ............. :
    : :   \   \   : :   \ | /   : :   /   /   : :
    : :-----------: :-----+-----: :-----------: :
    : :.../.../...: :.../.|.\...: :...\...\...: :
    :...........................................:

 D)
    None of the above.

CSS Spec - 

  http://www.w3.org/TR/REC-CSS2/tables.html
  [http://www.w3.org/TR/REC-CSS2/colors.html#background-properties]

~fantasai

Received on Tuesday, 26 June 2001 10:06:29 UTC