Blues Artists & Songs
Artist Title
John Mayall Double Crossing Time
Buddy Guy On A Saturday Night
John Lee Hooker Don't Look Back
Bo Diddley You Can't Judge a Book by Its Cover
Billie Holiday Solitude
Stevie Ray Vaughan Texas Flood



Style og script mellom HEAD-taggene:
<style type="text/css">
<!--
#demo tr.ruled {
background:#9cf;
}
-->
</style>

<script type="text/javascript">
<!--
/* Created by: Chris Heilmann :: http://www.alistapart.com/articles/tableruler */
function tableruler() {
if (document.getElementById && document.createTextNode) {
var tables=document.getElementsByTagName('table');
for (var i=0;i<tables.length;i++)
{
if(tables[i].className=='ruler') {
var trs=tables[i].getElementsByTagName('tr');
for(var j=0;j<trs.length;j++)
{
if(trs[j].parentNode.nodeName=='TBODY') {
trs[j].onmouseover=function(){this.className='ruled';return false}
trs[j].onmouseout=function(){this.className='';return false}
} } } } } }
window.onload=function(){tableruler();}
// -->
</script>


Tabellen er satt opp sånn:
<table id="demo" class="ruler" summary="Table of my records" cellpadding="5" align=center>
<caption>Blues Artists & Songs</caption>
<thead><tr>
<th scope="col">Artist</th>
<th scope="col">Title</th>
</tr></thead>
<tbody><tr>
<td>John Mayall </td>
<td>Double Crossing Time </td>
</tr><tr>
<td>Buddy Guy </td>
<td>On A Saturday Night </td>
</tr><tr>
<td>John Lee Hooker </td>
<td>Don't Look Back </td>
</tr><tr>
<td>Bo Diddley </td>
<td>You Can't Judge a Book by Its Cover </td>
</tr><tr>
<td>Billie Holiday </td>
<td>Solitude </td>
</tr><tr>
<td>Stevie Ray Vaughan </td>
<td>Texas Flood </td>
</tr></tbody></table>