API tools faq
paste
Guest User

Robert Myers

a guest
Feb 3rd, 2010
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 38.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html dir="ltr" lang="en">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5.     <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss.php">
  6.     <title>Data Tables and Cascading Style Sheets Gallery</title>
  7.   <link rel="stylesheet" href="csstg.css" type="text/css">
  8.     <link rel="StyleSheet" href="http://www.consulting1x1.com/csstg/redandblack.css" type="text/css">
  9.     <script type="text/javascript" src="csstg.js"></script>
  10. </head>
  11. <body id="home">
  12. <div id="boundary">
  13.     <div id="header">
  14.         <h1>CSS Table Gallery</h1>
  15.         <ul id="nav">
  16.             <li><strong>Home</strong></li>
  17.             <li><a href="about.php" title="What is this about?">What?</a></li>
  18.             <li><a title="Submit a design" href="submit.php">Submit yours!</a></li>
  19.             <li><a title="Learn about table design" href="tutorials.php">Learn</a></li>
  20.             <li><a title="Comment on the blog" href="http://www.wait-till-i.com/index.php?p=146">Comment</a></li>
  21.         </ul>
  22.         <ul id="meta">
  23.         <li>Host the Feed: <a href="rss.php" id="rss">RSS 2.0</a></li>
  24.         <li>Feed the Host: <a href="https://www.paypal.com/xclick/business=donations%40onlinetools.org&#38;return=http%3A//www.onlinetools.org/html/thanksfordonation.php&#38;cancel_return=http%3A//www.onlinetools.org/html/canceldonation.php">Paypal</a></li>
  25.     </ul>
  26.     </div>
  27.     <div id="content">
  28.     <div id="intro">
  29.     <h2><strong>Current style:</strong> <a href="http://www.consulting1x1.com/csstg/redandblack.css" title="Download this CSS example">REDandBLACK</a> by <a href="http://www.consulting1x1.com">Martin Paffenholz</a></h2>
  30.     <p>Style like our website. Best viewed in Mozilla Firefox.</p>
  31.     </div>
  32.         <div id="itsthetable">
  33.         <table summary="Submitted table designs">
  34.             <caption>Table designs</caption>
  35.             <thead>
  36.                 <tr>
  37.                     <th scope="col">Design Name</th>
  38.                     <th scope="col">Author</th>
  39.                     <th scope="col">Country</th>
  40.                     <th scope="col">Comment</th>
  41.                     <th scope="col">Download</th>
  42.                 </tr>
  43.             </thead>   
  44.             <tfoot>
  45.                 <tr>
  46.                     <th scope="row">Total</th>
  47.                     <td colspan="4">85 designs</td>
  48.                 </tr>
  49.             </tfoot>
  50.             <tbody>
  51.                                 <tr >
  52.                     <th scope="row" id="r101"><a href="index.php?css=101#r101">Classic yet somehow fancy</a></th>
  53.                     <td><a href="twitter.com/radubilei">Radu</a></td>
  54.                     <td>Rom&Atilde;&cent;nia</td>
  55.                     <td>Monochrome classy-ness with a touch of CSS3</td>
  56.                     <td><a href="https://dl.getdropbox.com/u/300539/tabeluMeu.css" title="Download the Classic yet somehow fancy CSS file">Download</a></td>
  57.                 </tr>
  58.                                 <tr class="odd">
  59.                     <th scope="row" id="r100"><a href="index.php?css=100#r100">rows table template</a></th>
  60.                     <td><a href="www.adobati.it">Omar '0m4r' Adobati</a></td>
  61.                     <td>Italy</td>
  62.                     <td>Simple, clean and a quite classic table template :)</td>
  63.                     <td><a href="http://www.adobati.it/labs/CSSTable/0m4r.table.css" title="Download the rows table template CSS file">Download</a></td>
  64.                 </tr>
  65.                                 <tr >
  66.                     <th scope="row" id="r99"><a href="index.php?css=99#r99">Blue Dream</a></th>
  67.                     <td><a href="http://www.admixweb.com">Teylor Feliz</a></td>
  68.                     <td>USA</td>
  69.                     <td>Beautiful combination of Blue and Brown.</td>
  70.                     <td><a href="http://www.admixweb.com/downloads/csstablegallery/bluedream.css" title="Download the Blue Dream CSS file">Download</a></td>
  71.                 </tr>
  72.                                 <tr class="odd">
  73.                     <th scope="row" id="r98"><a href="index.php?css=98#r98">Web20 Table</a></th>
  74.                     <td><a href="http://www.netway-media.com">Netway Media Webdesign</a></td>
  75.                     <td>Germany</td>
  76.                     <td>Nice, very simple and clean style with a gradient.</td>
  77.                     <td><a href="http://www.netway-media.com/freedesigns/table/web20.css" title="Download the Web20 Table CSS file">Download</a></td>
  78.                 </tr>
  79.                                 <tr >
  80.                     <th scope="row" id="r97"><a href="index.php?css=97#r97">TagBox</a></th>
  81.                     <td><a href="http://www.tagbox.de">TagBox</a></td>
  82.                     <td>Deutschland</td>
  83.                     <td>Table design based on the fresh TagBox style.</td>
  84.                     <td><a href="http://www.tagbox.de/style/tagbox.css" title="Download the TagBox CSS file">Download</a></td>
  85.                 </tr>
  86.                                 <tr class="odd">
  87.                     <th scope="row" id="r96"><a href="index.php?css=96#r96">Maniac Merchants</a></th>
  88.                     <td><a href="http://www.marvmerchants.com">Marten Willberg</a></td>
  89.                     <td>Germany</td>
  90.                     <td>A Georgia headline with a green-blue body.</td>
  91.                     <td><a href="http://www.marvmerchants.com/merchants.css" title="Download the Maniac Merchants CSS file">Download</a></td>
  92.                 </tr>
  93.                                 <tr >
  94.                     <th scope="row" id="r95"><a href="index.php?css=95#r95">Acuity Design Style</a></th>
  95.                     <td><a href="http://www.acuity.com.br">Acuity Internet Marketing</a></td>
  96.                     <td>Brazil</td>
  97.                     <td>Black Style, with smooth grey and green elements.</td>
  98.                     <td><a href="http://www.acuity.com.br/extern/icant.co.uk/acuity.css" title="Download the Acuity Design Style CSS file">Download</a></td>
  99.                 </tr>
  100.                                 <tr class="odd">
  101.                     <th scope="row" id="r94"><a href="index.php?css=94#r94">Aqua</a></th>
  102.                     <td><a href="http://www.webdesign-up2date.de">Matthias Richter</a></td>
  103.                     <td>Germany</td>
  104.                     <td>Have fun!</td>
  105.                     <td><a href="http://www.webdesign-up2date.de/css-table/css-up2date.css" title="Download the Aqua CSS file">Download</a></td>
  106.                 </tr>
  107.                                 <tr >
  108.                     <th scope="row" id="r93"><a href="index.php?css=93#r93">Smooth Taste</a></th>
  109.                     <td><a href="http://www.yaway.de">Thomas Opp</a></td>
  110.                     <td>Germany</td>
  111.                     <td>Smooth style with my favourite colours. Enjoy!</td>
  112.                     <td><a href="http://www.templatestyler.de/styles/css/smoothtaste.css" title="Download the Smooth Taste CSS file">Download</a></td>
  113.                 </tr>
  114.                                 <tr class="odd">
  115.                     <th scope="row" id="r91"><a href="index.php?css=91#r91">Sky is no heaven</a></th>
  116.                     <td><a href="http://www.slifer.de">Michael Schmieding</a></td>
  117.                     <td>Germany</td>
  118.                     <td>My new Design colors.</td>
  119.                     <td><a href="http://www.slifer.de/sky.css" title="Download the Sky is no heaven CSS file">Download</a></td>
  120.                 </tr>
  121.                                 <tr >
  122.                     <th scope="row" id="r90"><a href="index.php?css=90#r90">Foggy Country</a></th>
  123.                     <td><a href="http://www.straussennest.net">Straussennest</a></td>
  124.                     <td>South Africa</td>
  125.                     <td>Foggy Country - Green Trees planted on brown sugared ground.</td>
  126.                     <td><a href="http://www.straussennest.net/foggycountry.css" title="Download the Foggy Country CSS file">Download</a></td>
  127.                 </tr>
  128.                                 <tr class="odd">
  129.                     <th scope="row" id="r89"><a href="index.php?css=89#r89">Blue gradient</a></th>
  130.                     <td><a href="http://www.roscripts.com">Mihalcea Romeo</a></td>
  131.                     <td>Romania</td>
  132.                     <td>Nice table design based on a very subtile blue gradient.</td>
  133.                     <td><a href="http://www.roscripts.com/css/table_design.css" title="Download the Blue gradient CSS file">Download</a></td>
  134.                 </tr>
  135.                                 <tr >
  136.                     <th scope="row" id="r88"><a href="index.php?css=88#r88">desert</a></th>
  137.                     <td><a href="http://www.bodon.de">Marc Bodon</a></td>
  138.                     <td>Germany</td>
  139.                     <td>brown, red, grey and white... simply smooth ;-)</td>
  140.                     <td><a href="http://www.bodon.de/data/stylesheet_table.css" title="Download the desert CSS file">Download</a></td>
  141.                 </tr>
  142.                                 <tr class="odd">
  143.                     <th scope="row" id="r87"><a href="index.php?css=87#r87">orange and grey</a></th>
  144.                     <td><a href="http://www.visual4.de">Christoph Plessner</a></td>
  145.                     <td>Germany</td>
  146.                     <td></td>
  147.                     <td><a href="http://www.ad-plus.de/table/visual4tab.css" title="Download the orange and grey CSS file">Download</a></td>
  148.                 </tr>
  149.                                 <tr >
  150.                     <th scope="row" id="r86"><a href="index.php?css=86#r86">serif my love</a></th>
  151.                     <td><a href="http://www.triple-i.de">Frank Schnappenberger</a></td>
  152.                     <td>Germany</td>
  153.                     <td>A clean and simple table design with serif font</td>
  154.                     <td><a href="http://www.triple-i.de/ablage/csstablegallery.css" title="Download the serif my love CSS file">Download</a></td>
  155.                 </tr>
  156.                                 <tr class="odd">
  157.                     <th scope="row" id="r85"><a href="index.php?css=85#r85">REDandBLACK</a></th>
  158.                     <td><a href="http://www.consulting1x1.com">Martin Paffenholz</a></td>
  159.                     <td>Germany</td>
  160.                     <td>Style like our website. Best viewed in Mozilla Firefox.</td>
  161.                     <td><a href="http://www.consulting1x1.com/csstg/redandblack.css" title="Download the REDandBLACK CSS file">Download</a></td>
  162.                 </tr>
  163.                                 <tr >
  164.                     <th scope="row" id="r82"><a href="index.php?css=82#r82">The OC</a></th>
  165.                     <td><a href="http://www.fitodotnet.com">Rodolfo Marin</a></td>
  166.                     <td>Chile</td>
  167.                     <td>Table based in the color table from one of my latest design, overclockers.cl</td>
  168.                     <td><a href="http://www.fitodotnet.com/csstablegallery/tablita.css" title="Download the The OC CSS file">Download</a></td>
  169.                 </tr>
  170.                                 <tr class="odd">
  171.                     <th scope="row" id="r81"><a href="index.php?css=81#r81">blue like ice</a></th>
  172.                     <td><a href="http://hjemmesideskolen.dk">Erik Ginnerskov</a></td>
  173.                     <td>Denmark</td>
  174.                     <td>Nice and clean. No fancy stuff.</td>
  175.                     <td><a href="http://hjemmesideskolen.dk/csstablegallery/iceblue.css" title="Download the blue like ice CSS file">Download</a></td>
  176.                 </tr>
  177.                                 <tr >
  178.                     <th scope="row" id="r80"><a href="index.php?css=80#r80">Dark Night</a></th>
  179.                     <td><a href="http://www.slifer.de/">Michael Schmieding</a></td>
  180.                     <td>germany</td>
  181.                     <td>That's my design with my favorite colors. I hope you like it.</td>
  182.                     <td><a href="http://www.slifer.de/dark-night.css" title="Download the Dark Night CSS file">Download</a></td>
  183.                 </tr>
  184.                                 <tr class="odd">
  185.                     <th scope="row" id="r79"><a href="index.php?css=79#r79">mediagroove</a></th>
  186.                     <td><a href="http://mgmg.tv">mayumi takami</a></td>
  187.                     <td>Japan</td>
  188.                     <td>i like this type of design.</td>
  189.                     <td><a href="http://www.nonamedesign.info/table_gallery/mediagroove.css" title="Download the mediagroove CSS file">Download</a></td>
  190.                 </tr>
  191.                                 <tr >
  192.                     <th scope="row" id="r78"><a href="index.php?css=78#r78">chives' tables</a></th>
  193.                     <td><a href="http://www.chives.de">chives</a></td>
  194.                     <td>Germany</td>
  195.                     <td>Clean and spicy design from chives-team</td>
  196.                     <td><a href="http://www.chives.de/style/chives-tables.css" title="Download the chives' tables CSS file">Download</a></td>
  197.                 </tr>
  198.                                 <tr class="odd">
  199.                     <th scope="row" id="r77"><a href="index.php?css=77#r77">table red-white</a></th>
  200.                     <td><a href="http://www.4wdmedia.de">Jens</a></td>
  201.                     <td>Germany</td>
  202.                     <td>Inspired by the original 'Assischale' and dedicated to 'Kollesche' ;-) Best wishes to everybody!</td>
  203.                     <td><a href="http://www.4wdmedia.de/stuff/table_red_white.css" title="Download the table red-white CSS file">Download</a></td>
  204.                 </tr>
  205.                                 <tr >
  206.                     <th scope="row" id="r76"><a href="index.php?css=76#r76">Candy</a></th>
  207.                     <td><a href="http://www.sbihl.de">Stefan Bihl</a></td>
  208.                     <td>Germany</td>
  209.                     <td>Hi, I hope this CSS File is not to pink ;-)
  210.  
  211. Regards Stefan</td>
  212.                     <td><a href="http://www.webdesign-sh.de/csstable/table.css" title="Download the Candy CSS file">Download</a></td>
  213.                 </tr>
  214.                                 <tr class="odd">
  215.                     <th scope="row" id="r75"><a href="index.php?css=75#r75">Simple and Clean</a></th>
  216.                     <td><a href="http://www.leandropessoa.com.br">Leandro Pessoa</a></td>
  217.                     <td>Brazil</td>
  218.                     <td>My model! ;)</td>
  219.                     <td><a href="http://www.leandropessoa.com.br/table/css/table.css" title="Download the Simple and Clean CSS file">Download</a></td>
  220.                 </tr>
  221.                                 <tr >
  222.                     <th scope="row" id="r74"><a href="index.php?css=74#r74">Blue</a></th>
  223.                     <td><a href="http://www.nghorta.com">Newton de G�es Horta</a></td>
  224.                     <td>Brasil</td>
  225.                     <td>Minimalist design in blue</td>
  226.                     <td><a href="http://www.nghorta.com/csstg/blue/table.css" title="Download the Blue CSS file">Download</a></td>
  227.                 </tr>
  228.                                 <tr class="odd">
  229.                     <th scope="row" id="r73"><a href="index.php?css=73#r73">Infected</a></th>
  230.                     <td><a href="http://www.infectedfx.net">Infected-FX</a></td>
  231.                     <td>Mexico</td>
  232.                     <td>Minimal and clean design for next tutorial, mooflex inspired colors, icons by fam fam fam. ^^</td>
  233.                     <td><a href="http://infectedfx.net/css/tables/inphecthyuz.css" title="Download the Infected CSS file">Download</a></td>
  234.                 </tr>
  235.                                 <tr >
  236.                     <th scope="row" id="r72"><a href="index.php?css=72#r72">Azulon</a></th>
  237.                     <td><a href="http://www.csslab.cl/">Joorge Epunan</a></td>
  238.                     <td>Chile</td>
  239.                     <td>Just playing with the ccode. I like the blue, and how it combines with other elements Looks pretty nice.</td>
  240.                     <td><a href="http://www.csslab.cl/csstablegallery/azulon.css" title="Download the Azulon CSS file">Download</a></td>
  241.                 </tr>
  242.                                 <tr class="odd">
  243.                     <th scope="row" id="r71"><a href="index.php?css=71#r71">Casablanca</a></th>
  244.                     <td><a href="http://www.rodcast.com.br/">Rodrigo Castilho Galvao Ferreira</a></td>
  245.                     <td>Brazil</td>
  246.                     <td>Inspired by Casablanca Web Standards Template existing in Template Design Competition, WESTCIV.</td>
  247.                     <td><a href="http://www.rodcast.com.br/csstablegallery/screen.css" title="Download the Casablanca CSS file">Download</a></td>
  248.                 </tr>
  249.                                 <tr >
  250.                     <th scope="row" id="r70"><a href="index.php?css=70#r70">Salmon</a></th>
  251.                     <td><a href="http://www.tecnostart.cl">Ricardo Aroca</a></td>
  252.                     <td>Chile</td>
  253.                     <td>Orange colors. Style inspired in salmon, the main product of my city, Puerto Montt. Some advanced selectors (hover, after, before) and properties (content). Best viewed in modern browsers.</td>
  254.                     <td><a href="http://www.tecnostart.cl/publico/table-gallery.css" title="Download the Salmon CSS file">Download</a></td>
  255.                 </tr>
  256.                                 <tr class="odd">
  257.                     <th scope="row" id="r69"><a href="index.php?css=69#r69">Clear Blue</a></th>
  258.                     <td><a href="http://www.suchmaschinen-optimierungen.info">Robert Hartl</a></td>
  259.                     <td>Germany</td>
  260.                     <td>It's a clear but individual white-blue design with subdued hover-effects for modern browsers.</td>
  261.                     <td><a href="http://blog.suchmaschinen-optimierungen.info/codes/css-tables-gallery.css" title="Download the Clear Blue CSS file">Download</a></td>
  262.                 </tr>
  263.                                 <tr >
  264.                     <th scope="row" id="r68"><a href="index.php?css=68#r68">Blix Theme</a></th>
  265.                     <td><a href="http://www.nghorta.com">Newton de G&#151;es Horta</a></td>
  266.                     <td>Brasil</td>
  267.                     <td>Table design based on Sebastian Schmieg's Blix Theme for Wordpress 2.0. Icons by Kevin Potts</td>
  268.                     <td><a href="http://www.nghorta.com/csstg/table.css" title="Download the Blix Theme CSS file">Download</a></td>
  269.                 </tr>
  270.                                 <tr class="odd">
  271.                     <th scope="row" id="r67"><a href="index.php?css=67#r67">iCubed</a></th>
  272.                     <td><a href="http://www.iqcontent.com/">Lar Veale</a></td>
  273.                     <td>Ireland</td>
  274.                     <td>Nice clean table with small gradient images. Row hover in Firefox gives another gradient effect. </td>
  275.                     <td><a href="http://www.iqcontent.com/icant/iqcontent.css" title="Download the iCubed CSS file">Download</a></td>
  276.                 </tr>
  277.                                 <tr >
  278.                     <th scope="row" id="r66"><a href="index.php?css=66#r66">Jacob</a></th>
  279.                     <td>Emiliano ESB</td>
  280.                     <td>Brasil</td>
  281.                     <td>Web Usability
  282. useit.com: usable information technology</td>
  283.                     <td><a href="http://www.portinfo.com.br/jacob.css" title="Download the Jacob CSS file">Download</a></td>
  284.                 </tr>
  285.                                 <tr class="odd">
  286.                     <th scope="row" id="r64"><a href="index.php?css=64#r64">Poetry For Browser</a></th>
  287.                     <td><a href="http://www.webdesign-in.de">Monika Thon-Soun</a></td>
  288.                     <td>Austria</td>
  289.                     <td>Code is Poetry.
  290. Internet Explorer you can't show us arrows and hover effects.
  291. You can't show us correct borders.
  292. It looks like that you can't understand poetry.
  293. Don't be jealous of browsers. It is simply:Learn to be a browser and
  294. everything is going to be alright.</td>
  295.                     <td><a href="http://www.webdesign-in.de/barrierefrei/poetryforbrowser.css" title="Download the Poetry For Browser CSS file">Download</a></td>
  296.                 </tr>
  297.                                 <tr >
  298.                     <th scope="row" id="r61"><a href="index.php?css=61#r61">Pretty In Pink</a></th>
  299.                     <td><a href="http://www.arcsin.se/">Viktor Persson</a></td>
  300.                     <td>Sweden</td>
  301.                     <td>Smooth, pretty and pink. Best viewed in Mozilla Firefox.</td>
  302.                     <td><a href="http://www.arcsin.se/external/csstablegallery/prettyinpink.css" title="Download the Pretty In Pink CSS file">Download</a></td>
  303.                 </tr>
  304.                                 <tr class="odd">
  305.                     <th scope="row" id="r60"><a href="index.php?css=60#r60">Two times table</a></th>
  306.                     <td><a href="http://www.cssplay.co.uk">Stu Nicholls</a></td>
  307.                     <td>England</td>
  308.                     <td>A very basic table for all Internet Explorer users but something VERY different for understanding browsers :o
  309. Hope you like it.</td>
  310.                     <td><a href="http://www.cssplay.co.uk/csstablegallery/two-times-table.css" title="Download the Two times table CSS file">Download</a></td>
  311.                 </tr>
  312.                                 <tr >
  313.                     <th scope="row" id="r58"><a href="index.php?css=58#r58">bluish</a></th>
  314.                     <td><a href="http://www.neukoellnstyle.de">Stefan Herzig</a></td>
  315.                     <td>Germany</td>
  316.                     <td>Blue style with a hint of Amiga</td>
  317.                     <td><a href="http://neukoellnstyle.de/tablegallery/nksTablegallery.css" title="Download the bluish CSS file">Download</a></td>
  318.                 </tr>
  319.                                 <tr class="odd">
  320.                     <th scope="row" id="r57"><a href="index.php?css=57#r57">Second Revolution</a></th>
  321.                     <td><a href="http://www.revolucao.etc.br">Henrique Costa Pereira</a></td>
  322.                     <td>Brazil</td>
  323.                     <td>Flexible glass button style. Feel free to resize the font!</td>
  324.                     <td><a href="http://www.revolucao.etc.br/css_tablegallery2/estilos.css" title="Download the Second Revolution CSS file">Download</a></td>
  325.                 </tr>
  326.                                 <tr >
  327.                     <th scope="row" id="r55"><a href="index.php?css=55#r55">pop.pop.star</a></th>
  328.                     <td><a href="http://www.javajim.de/">Timo Wirth</a></td>
  329.                     <td>Germany</td>
  330.                     <td>Inspired by Andy Warhol, this bold and simple table emphasizes the table rows (rather than the columns).
  331. </td>
  332.                     <td><a href="http://www.javajim.de/csstablegallery/poppopstar.css" title="Download the pop.pop.star CSS file">Download</a></td>
  333.                 </tr>
  334.                                 <tr class="odd">
  335.                     <th scope="row" id="r54"><a href="index.php?css=54#r54">Tabular tables</a></th>
  336.                     <td><a href="http://www.cssplay.co.uk">Stu Nicholls</a></td>
  337.                     <td>England</td>
  338.                     <td>A simple table using a little border art for mouseovers.</td>
  339.                     <td><a href="http://www.cssplay.co.uk/csstablegallery/tabular-table.css" title="Download the Tabular tables CSS file">Download</a></td>
  340.                 </tr>
  341.                                 <tr >
  342.                     <th scope="row" id="r52"><a href="index.php?css=52#r52">Sea Glass</a></th>
  343.                     <td><a href="http://sillybean.net/">Stephanie Leary</a></td>
  344.                     <td>US</td>
  345.                     <td>Subtle and green.</td>
  346.                     <td><a href="http://sillybean.net/css/seaglass.css" title="Download the Sea Glass CSS file">Download</a></td>
  347.                 </tr>
  348.                                 <tr class="odd">
  349.                     <th scope="row" id="r51"><a href="index.php?css=51#r51">Orange Brownie</a></th>
  350.                     <td><a href="http://www.codylindley.com">Cody Lindley</a></td>
  351.                     <td>US</td>
  352.                     <td>Nice idea, the site that is.</td>
  353.                     <td><a href="http://codylindley.com/orangebrownie.css" title="Download the Orange Brownie CSS file">Download</a></td>
  354.                 </tr>
  355.                                 <tr >
  356.                     <th scope="row" id="r50"><a href="index.php?css=50#r50">Blaugrana</a></th>
  357.                     <td><a href="http://dizque.lacalabaza.net/">Choan C. G&#135;lvez</a></td>
  358.                     <td>Spain</td>
  359.                     <td>Alternating row and link colors. Enhancements (hover, image replacement) for modern browsers.</td>
  360.                     <td><a href="http://dizque.lacalabaza.net/ext/css-tables/css-tables.css" title="Download the Blaugrana CSS file">Download</a></td>
  361.                 </tr>
  362.                                 <tr class="odd">
  363.                     <th scope="row" id="r48"><a href="index.php?css=48#r48">Innocent Flowers</a></th>
  364.                     <td><a href="http://www.sightdesign.de">Christine Kirchmeier</a></td>
  365.                     <td>Germany</td>
  366.                     <td>Simple, friendly design in blue</td>
  367.                     <td><a href="http://www.zeta-software.de/projekte/tabledesign/flowers.css" title="Download the Innocent Flowers CSS file">Download</a></td>
  368.                 </tr>
  369.                                 <tr >
  370.                     <th scope="row" id="r47"><a href="index.php?css=47#r47">Shades of Blue</a></th>
  371.                     <td><a href="http://www.vhg-design.com">Velizar Garvalov</a></td>
  372.                     <td>Bulgaria</td>
  373.                     <td>Simple blue design with some :hover effects</td>
  374.                     <td><a href="http://www.vhg-design.com/icant/vhg.css" title="Download the Shades of Blue CSS file">Download</a></td>
  375.                 </tr>
  376.                                 <tr class="odd">
  377.                     <th scope="row" id="r46"><a href="index.php?css=46#r46">Gmail scrolling</a></th>
  378.                     <td><a href="http://www.maujor.com/index.php">Mauricio Samy Silva</a></td>
  379.                     <td>Brazil</td>
  380.                     <td>A look-alike theme with fixed height for the table container DIV and vertical scroll bar. There is an :hover behavior on caption background image.</td>
  381.                     <td><a href="http://www.maujor.com/temp/chris/gmail.css" title="Download the Gmail scrolling CSS file">Download</a></td>
  382.                 </tr>
  383.                                 <tr >
  384.                     <th scope="row" id="r45"><a href="index.php?css=45#r45">Shades of Purple</a></th>
  385.                     <td><a href="http://drafdesigns.com">Demetrius Francis</a></td>
  386.                     <td>Bahamas</td>
  387.                     <td>Basic styles with a purple scheme.</td>
  388.                     <td><a href="http://drafdesigns.com/shadesofpurple.css" title="Download the Shades of Purple CSS file">Download</a></td>
  389.                 </tr>
  390.                                 <tr class="odd">
  391.                     <th scope="row" id="r44"><a href="index.php?css=44#r44">Turkish Delight</a></th>
  392.                     <td><a href="http://www.fuzzyoutline.com">Paul Brownsmith</a></td>
  393.                     <td>UK</td>
  394.                     <td>Raspberry shades with chocolate rollovers for compliant browsers. Clean, clear and choco-sweet.</td>
  395.                     <td><a href="http://www.fuzzyoutline.com/style/tablegallery/tablestyle.css" title="Download the Turkish Delight CSS file">Download</a></td>
  396.                 </tr>
  397.                                 <tr >
  398.                     <th scope="row" id="r43"><a href="index.php?css=43#r43">Grayed Out</a></th>
  399.                     <td><a href="http://www.imaputz.com/">Terence Ordona</a></td>
  400.                     <td>US</td>
  401.                     <td>A simple look and feel that improves with the quality of your browser's CSS support. Shows possible use of a la Excel styling.</td>
  402.                     <td><a href="http://www.imaputz.com/cssStuff/datatable.css" title="Download the Grayed Out CSS file">Download</a></td>
  403.                 </tr>
  404.                                 <tr class="odd">
  405.                     <th scope="row" id="r42"><a href="index.php?css=42#r42">Nimbupani</a></th>
  406.                     <td><a href="http://nimbupani.com">Divya</a></td>
  407.                     <td>Singapore</td>
  408.                     <td>A minimalist style that explores the relative weights of the lines that differentiates one element from the other. The same design elements has also been used on this site http://jflickruploader.blogspot.com</td>
  409.                     <td><a href="http://nimbupani.com/csstables/csstables.css" title="Download the Nimbupani CSS file">Download</a></td>
  410.                 </tr>
  411.                                 <tr >
  412.                     <th scope="row" id="r41"><a href="index.php?css=41#r41">Trekkish Violets</a></th>
  413.                     <td><a href="http://patrys.jogger.pl/">Patryk Zawadzki</a></td>
  414.                     <td>Poland</td>
  415.                     <td>Well... a bit trekkish I guess (but not really inspired by holodeck). Blues and violets here and there. Looks best when viewed in Firefox.</td>
  416.                     <td><a href="http://wirusy.room-303.com/csstablegallery/violet.css" title="Download the Trekkish Violets CSS file">Download</a></td>
  417.                 </tr>
  418.                                 <tr class="odd">
  419.                     <th scope="row" id="r40"><a href="index.php?css=40#r40">Golden style</a></th>
  420.                     <td><a href="http://www.australien-panorama.de/">Michael Horn</a></td>
  421.                     <td>Germany</td>
  422.                     <td>Golden coloured style, with hover effects in modern browsers (Firefox, Opera).
  423. </td>
  424.                     <td><a href="http://www.australien-panorama.de/several/golden.css" title="Download the Golden style CSS file">Download</a></td>
  425.                 </tr>
  426.                                 <tr >
  427.                     <th scope="row" id="r39"><a href="index.php?css=39#r39">Oranges In The Sky</a></th>
  428.                     <td><a href="http://www.makaveev.com/">Krasimir Makaveev</a></td>
  429.                     <td>Bulgaria</td>
  430.                     <td>Just a simple table design with orange and blue links!</td>
  431.                     <td><a href="http://www.makaveev.com/lab/css_table_gallery/oranges-in-the-sky.css" title="Download the Oranges In The Sky CSS file">Download</a></td>
  432.                 </tr>
  433.                                 <tr class="odd">
  434.                     <th scope="row" id="r38"><a href="index.php?css=38#r38">Rockstar</a></th>
  435.                     <td><a href="http://www.jedisthlm.com">Jens Wedin</a></td>
  436.                     <td>Sweden</td>
  437.                     <td>Simple classic design with advanced stuff for standard compliant browsers.</td>
  438.                     <td><a href="http://jedisthlm.com/testarea/rockstar.css" title="Download the Rockstar CSS file">Download</a></td>
  439.                 </tr>
  440.                                 <tr >
  441.                     <th scope="row" id="r37"><a href="index.php?css=37#r37">Greyscale</a></th>
  442.                     <td><a href="http://www.twoplusfour.co.uk">Two Plus Four</a></td>
  443.                     <td>UK</td>
  444.                     <td>Minimalist design in black, white and shades of grey. Resizeable text and CCS2 enhancements for those that know.</td>
  445.                     <td><a href="http://concreteandclay.dreamhosters.com/csstablegallery/greyscale.css" title="Download the Greyscale CSS file">Download</a></td>
  446.                 </tr>
  447.                                 <tr class="odd">
  448.                     <th scope="row" id="r36"><a href="index.php?css=36#r36">Coffee with milk</a></th>
  449.                     <td><a href="http://www.456bereastreet.com">Roger Johansson</a></td>
  450.                     <td>Sweden</td>
  451.                     <td>Clean, no-nonsense design with a latte-ish colour palette. Some extra design features in modern browsers.</td>
  452.                     <td><a href="http://www.456bereastreet.com/lab/css-table-gallery/coffee-with-milk.css" title="Download the Coffee with milk CSS file">Download</a></td>
  453.                 </tr>
  454.                                 <tr >
  455.                     <th scope="row" id="r35"><a href="index.php?css=35#r35">Clean and crisp</a></th>
  456.                     <td><a href="http://blogs.su.se/matlin/">Mats Lindblad</a></td>
  457.                     <td>Sweden</td>
  458.                     <td>Clean and Crips table style, with a little MS feel to it. Although it works best in Firefox.</td>
  459.                     <td><a href="http://blogs.su.se/~matlin/cnc.css" title="Download the Clean and crisp CSS file">Download</a></td>
  460.                 </tr>
  461.                                 <tr class="odd">
  462.                     <th scope="row" id="r33"><a href="index.php?css=33#r33">Winter Blues</a></th>
  463.                     <td><a href="http://www.klavina.com">Gunta Klavina</a></td>
  464.                     <td>Latvia</td>
  465.                     <td>Blue pastel coloured style.</td>
  466.                     <td><a href="http://www.klavina.com/csstablegallery/winterblues.css" title="Download the Winter Blues CSS file">Download</a></td>
  467.                 </tr>
  468.                                 <tr >
  469.                     <th scope="row" id="r32"><a href="index.php?css=32#r32">Green Life</a></th>
  470.                     <td><a href="http://www.alvit.de/vf">Vitaly Friedman</a></td>
  471.                     <td>Germany</td>
  472.                     <td>A Fresh, Warm and Readable Table</td>
  473.                     <td><a href="http://www.alvit.de/vf/csstablegallery/tables.css" title="Download the Green Life CSS file">Download</a></td>
  474.                 </tr>
  475.                                 <tr class="odd">
  476.                     <th scope="row" id="r30"><a href="index.php?css=30#r30">Warm Fall</a></th>
  477.                     <td><a href="http://www.myaleigh.com">Mya Leigh</a></td>
  478.                     <td>USA</td>
  479.                     <td>Warm fall colors with easy to read text.</td>
  480.                     <td><a href="http://files.myaleigh.com/table-designs/warmfall.css" title="Download the Warm Fall CSS file">Download</a></td>
  481.                 </tr>
  482.                                 <tr >
  483.                     <th scope="row" id="r29"><a href="index.php?css=29#r29">iTunes</a></th>
  484.                     <td><a href="http://www.johnlawrence.net">John Lawrence</a></td>
  485.                     <td>UK</td>
  486.                     <td>Table design based on Apple's iTunes software.</td>
  487.                     <td><a href="http://www.johnlawrence.net/itable/itunes.css" title="Download the iTunes CSS file">Download</a></td>
  488.                 </tr>
  489.                                 <tr class="odd">
  490.                     <th scope="row" id="r28"><a href="index.php?css=28#r28">MintGreen</a></th>
  491.                     <td><a href="http://taimar.pri.ee/">Taimar Teetlok</a></td>
  492.                     <td>Estonia</td>
  493.                     <td>Warm and friendly mint-green presentation.</td>
  494.                     <td><a href="http://taimar.pri.ee/examples/table-design/mintgreen.css" title="Download the MintGreen CSS file">Download</a></td>
  495.                 </tr>
  496.                                 <tr >
  497.                     <th scope="row" id="r27"><a href="index.php?css=27#r27">Heaven is Closer</a></th>
  498.                     <td>Niko Neugebauer</td>
  499.                     <td>Portugal</td>
  500.                     <td>A simple style that improves with the quality of your browser's CSS support</td>
  501.                     <td><a href="http://nikoport.com/xperiments/css/table_gallery/niko.css" title="Download the Heaven is Closer CSS file">Download</a></td>
  502.                 </tr>
  503.                                 <tr class="odd">
  504.                     <th scope="row" id="r25"><a href="index.php?css=25#r25">Cygenta</a></th>
  505.                     <td><a href="http://bon.gs/">Tim Baker</a></td>
  506.                     <td>Canada</td>
  507.                     <td>Monospaced with a painful palette.</td>
  508.                     <td><a href="http://bon.gs/projects/csstablegallery/cga.css" title="Download the Cygenta CSS file">Download</a></td>
  509.                 </tr>
  510.                                 <tr >
  511.                     <th scope="row" id="r24"><a href="index.php?css=24#r24">Spread Firefox!</a></th>
  512.                     <td><a href="http://www.TJKDesign.com">Thierry Koblentz</a></td>
  513.                     <td>USA</td>
  514.                     <td>Best experience in Firefox!
  515. ;-)</td>
  516.                     <td><a href="http://www.tjkdesign.com/zen/table/table.css" title="Download the Spread Firefox! CSS file">Download</a></td>
  517.                 </tr>
  518.                                 <tr class="odd">
  519.                     <th scope="row" id="r23"><a href="index.php?css=23#r23">Table Sprite</a></th>
  520.                     <td><a href="http://webdesign.parkertorrence.com">Parker Torrence</a></td>
  521.                     <td>USA</td>
  522.                     <td>This design employs a single graphic for both the caption title and the background effects.</td>
  523.                     <td><a href="http://webdesign.parkertorrence.com/sandbox/csstable/froglace.css" title="Download the Table Sprite CSS file">Download</a></td>
  524.                 </tr>
  525.                                 <tr >
  526.                     <th scope="row" id="r22"><a href="index.php?css=22#r22">Muted</a></th>
  527.                     <td><a href="http://www.clacksweb.org.uk">Dan Champion</a></td>
  528.                     <td>Scotland</td>
  529.                     <td>Grey and beige, clean and simple. Minimal use of CSS2 fancy bits like :after and tr:hover.</td>
  530.                     <td><a href="http://www.clacksweb.org.uk/css/cwtable.css" title="Download the Muted CSS file">Download</a></td>
  531.                 </tr>
  532.                                 <tr class="odd">
  533.                     <th scope="row" id="r19"><a href="index.php?css=19#r19">Inset cells</a></th>
  534.                     <td><a href="http://www.maujor.com/index.php">Mauricio Samy Silva</a></td>
  535.                     <td>Brazil</td>
  536.                     <td>A table with inset cells and the use of adjacent-sibling selectors  and border-spacing propertie for compliants browsers.</td>
  537.                     <td><a href="http://www.maujor.com/temp/chris/inset.css" title="Download the Inset cells CSS file">Download</a></td>
  538.                 </tr>
  539.                                 <tr >
  540.                     <th scope="row" id="r17"><a href="index.php?css=17#r17">Revolu�&#139;o Etc</a></th>
  541.                     <td><a href="www.revolucao.etc.br">Henrique Costa Pereira</a></td>
  542.                     <td>Brazil</td>
  543.                     <td>Nice warm coloured table with small, but resizable, text.</td>
  544.                     <td><a href="http://www.revolucao.etc.br/revolucao_tabela.css" title="Download the Revolu�&#139;o Etc CSS file">Download</a></td>
  545.                 </tr>
  546.                                 <tr class="odd">
  547.                     <th scope="row" id="r16"><a href="index.php?css=16#r16">Lab Report</a></th>
  548.                     <td><a href="http://www.classical-webdesigns.co.uk/">Louise Dade</a></td>
  549.                     <td>UK</td>
  550.                     <td>Clear, simple and informative data display for a scientific paper. Includes a background image, download icon and a "faux alpha transparency" rollover effect (a tiny tile with every other pixel transparent). Fully commented CSS file.</td>
  551.                     <td><a href="http://www.classical-webdesigns.co.uk/cssexps/labreport.css" title="Download the Lab Report CSS file">Download</a></td>
  552.                 </tr>
  553.                                 <tr >
  554.                     <th scope="row" id="r15"><a href="index.php?css=15#r15">MSIE hover</a></th>
  555.                     <td>Mirek Kom&#135;rek</td>
  556.                     <td>Czech Republic</td>
  557.                     <td>Really simple one with hover in MSIE (using JavaScript via expression())</td>
  558.                     <td><a href="http://xy.wz.cz/ie-hover.css" title="Download the MSIE hover CSS file">Download</a></td>
  559.                 </tr>
  560.                                 <tr class="odd">
  561.                     <th scope="row" id="r14"><a href="index.php?css=14#r14">Kashual Khaki</a></th>
  562.                     <td><a href="http://www.shepherdweb.com">Shane Shepherd</a></td>
  563.                     <td>USA</td>
  564.                     <td>You'll look great in Kashual Khaki!  Be ready for fun when your lookin' snappy in khaki!</td>
  565.                     <td><a href="http://www.shepherdweb.com/laboratory/2005/icant/kashual_khaki.css" title="Download the Kashual Khaki CSS file">Download</a></td>
  566.                 </tr>
  567.                                 <tr >
  568.                     <th scope="row" id="r13"><a href="index.php?css=13#r13">Orange You Glad</a></th>
  569.                     <td><a href="http://www.randypeterman.com">Randy Peterman</a></td>
  570.                     <td>USA</td>
  571.                     <td>There is an image required for standards compliant browsers to get a 'bonus' download arrow for the download links.</td>
  572.                     <td><a href="http://randypeterman.com/CSSTableGallery/OrangeYouGlad.css" title="Download the Orange You Glad CSS file">Download</a></td>
  573.                 </tr>
  574.                                 <tr class="odd">
  575.                     <th scope="row" id="r11"><a href="index.php?css=11#r11">10 minutes</a></th>
  576.                     <td><a href="http://www.dramatic.co.nz/">Richard Grevers</a></td>
  577.                     <td>New Zealand</td>
  578.                     <td>Minimalist, using separated borders and spacing with a four-colour pallette.</td>
  579.                     <td><a href="http://www.dramatic.co.nz/tablegallery/dramatic.css" title="Download the 10 minutes CSS file">Download</a></td>
  580.                 </tr>
  581.                                 <tr >
  582.                     <th scope="row" id="r10"><a href="index.php?css=10#r10">Spearmint tints</a></th>
  583.                     <td><a href="http://inspire.server101.com/ben/resume/">Ben Boyle</a></td>
  584.                     <td>AUS</td>
  585.                     <td>Simple coloured style with a minty theme.</td>
  586.                     <td><a href=" http://inspire.server101.com/bttdb/html/tables/spearmint-tints.css" title="Download the Spearmint tints CSS file">Download</a></td>
  587.                 </tr>
  588.                                 <tr class="odd">
  589.                     <th scope="row" id="r9"><a href="index.php?css=9#r9">Table structure</a></th>
  590.                     <td><a href="http://inspire.server101.com/ben/resume/">Ben Boyle</a></td>
  591.                     <td>AUS</td>
  592.                     <td>Contrasts headings and cells, displays heading scope and summary (where supported).</td>
  593.                     <td><a href="http://inspire.server101.com/bttdb/html/tables/structure.css" title="Download the Table structure CSS file">Download</a></td>
  594.                 </tr>
  595.                                 <tr >
  596.                     <th scope="row" id="r8"><a href="index.php?css=8#r8">City Mouse</a></th>
  597.                     <td><a href="http://www.hadseldesign.com">Janie Hadsel</a></td>
  598.                     <td>USA</td>
  599.                     <td>A tab with image text is placed in the caption background; caption text is hidden, but remains accessible to non-graphical browsers and screen readers. A simple table background image is dressed up by layering a transparent gif placed in the odd table rows.</td>
  600.                     <td><a href="http://www.hadseldesign.com/tableshow/citymouse.css" title="Download the City Mouse CSS file">Download</a></td>
  601.                 </tr>
  602.                                 <tr class="odd">
  603.                     <th scope="row" id="r7"><a href="index.php?css=7#r7">Alpha transparency</a></th>
  604.                     <td><a href="http://www.maujor.com/index.php">Mauricio Samy Silva</a></td>
  605.                     <td>Brazil</td>
  606.                     <td>Simulating alpha transparency with CSS</td>
  607.                     <td><a href="http://www.maujor.com/temp/chris/alpha.css" title="Download the Alpha transparency CSS file">Download</a></td>
  608.                 </tr>
  609.                                 <tr >
  610.                     <th scope="row" id="r6"><a href="index.php?css=6#r6">Grey suits you sir</a></th>
  611.                     <td><a href="http://www.muffinresearch.co.uk">Stuart Colville</a></td>
  612.                     <td>UK</td>
  613.                     <td>Smart grey table with hover effect.</td>
  614.                     <td><a href="http://www.muffinresearch.co.uk/lab/tableshow/muffin.css" title="Download the Grey suits you sir CSS file">Download</a></td>
  615.                 </tr>
  616.                                 <tr class="odd">
  617.                     <th scope="row" id="r5"><a href="index.php?css=5#r5">Cusco Sky</a></th>
  618.                     <td><a href="http://www.buayacorp.com">Braulio Andr&#142;s Soncco Pimentel</a></td>
  619.                     <td>Per&#156;</td>
  620.                     <td>Soft blues like Cusco Sky</td>
  621.                     <td><a href="http://test.buayacorp.com/cuscosky.css" title="Download the Cusco Sky CSS file">Download</a></td>
  622.                 </tr>
  623.                                 <tr >
  624.                     <th scope="row" id="r4"><a href="index.php?css=4#r4">Roll Over from Down Unda</a></th>
  625.                     <td><a href="http://jason.jayro.net">Jason M Roehrig</a></td>
  626.                     <td>AUS</td>
  627.                     <td>A very sophisticated table showing many rollover effects on CSS2-abled browsers</td>
  628.                     <td><a href="http://www.jayro.net/cssbattleground/tables/styles/jmr_table_1.css" title="Download the Roll Over from Down Unda CSS file">Download</a></td>
  629.                 </tr>
  630.                                 <tr class="odd">
  631.                     <th scope="row" id="r3"><a href="index.php?css=3#r3">Blue On Blue</a></th>
  632.                     <td><a href="http://slaven.net.au">Glenn Slaven</a></td>
  633.                     <td>AUS</td>
  634.                     <td>A serif font table with a bit of colour to define the cells.</td>
  635.                     <td><a href="http://blog.slaven.net.au/wp-content/csstables/blueonblue.css" title="Download the Blue On Blue CSS file">Download</a></td>
  636.                 </tr>
  637.                                 <tr >
  638.                     <th scope="row" id="r2"><a href="index.php?css=2#r2">Chrome de la chrome</a></th>
  639.                     <td><a href="http://www.wait-till-i.com">Chris Heilmann</a></td>
  640.                     <td>UK</td>
  641.                     <td>Using gradient backgrounds to create chrome effects</td>
  642.                     <td><a href="http://icant.co.uk/csstablegallery/chrome.css" title="Download the Chrome de la chrome CSS file">Download</a></td>
  643.                 </tr>
  644.                                 <tr class="odd">
  645.                     <th scope="row" id="r1"><a href="index.php?css=1#r1">Minimalist</a></th>
  646.                     <td><a href="http://www.wait-till-i.com">Chris Heilmann</a></td>
  647.                     <td>UK</td>
  648.                     <td>As minimal as you can get, only lines around the body cells</td>
  649.                     <td><a href="http://icant.co.uk/csstablegallery/minimal.css" title="Download the Minimalist CSS file">Download</a></td>
  650.                 </tr>
  651.                                 <tr >
  652.                     <th scope="row" id="r0"><a href="index.php?css=0#r0">Plain old table</a></th>
  653.                     <td><a href="http://www.wait-till-i.com">Chris Heilmann</a></td>
  654.                     <td>UK</td>
  655.                     <td>Tried and true, boring grey table with a one pixel line</td>
  656.                     <td><a href="http://icant.co.uk/csstablegallery/plainold.css" title="Download the Plain old table CSS file">Download</a></td>
  657.                 </tr>
  658.                             </tbody>       
  659.         </table>
  660.     </div>
  661.  
  662.             <div id="ads">
  663.         <script type="text/javascript"><!--
  664.        google_ad_client = "pub-6730206592365449";
  665.        /* 728x90, created 9/6/09 */
  666.        google_ad_slot = "3999646723";
  667.        google_ad_width = 728;
  668.        google_ad_height = 90;
  669.        //-->
  670.         </script>
  671.         <script type="text/javascript"
  672.        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  673.         </script>  
  674.            
  675. <ul id="tla">
  676. <li>  <a href="http://www.waspbarcode.com/scanners/">Laser Barcode Scanner</a>  </span></li>
  677. <li>  <a href="http://www.waspbarcode.co.uk/">Barcode Scanner & Printer</a>  </span></li>
  678. </ul></div>
  679.  
  680.     <div id="footer">
  681.         <p>Idea, Hosting and Initial Design by Chris Heilmann. Free to use and share.</p>
  682.     </div>
  683. </div>
  684. </body>
  685. </html>
  686.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!