Hi Eddie,
Yes, you know I realized this by the time I got to the last page of my practice web page and I have already implemented exactly what you mention there.
I had to create a table but I hate the way the html comes out so I modified it (or butchered it -- depending on what you think of it) so that it would look
better but soon I realized I was employing 3 classes within one tag and writing a whole load of css. It wasn't so difficult but it was rather time-consuming.
But I suppose I could just copy and paste this the next time I want to use a table like this.
Here is the table:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style media="screen" type="text/css">
.table { padding-left:180px;
font-size:12px;
padding-top:20px;
padding-bottom:20px;
}
.column1 {
padding-right:10px;
padding-left:10px;
border-right-color:#BEEBB4;
border-right-width:2px;
border-right-style:solid;
}
.column2 {
padding-right:10px;
padding-left:10px;
border-right-color:#BEEBB4;
border-right-width:2px;
border-right-style:solid;
}
.column3 {
padding-right:10px;
padding-left:10px;
}
.bold1 {
font-size:18px;
font-weight:bold;
}
.rowborder {
border-bottom-color:#BEEBB4;
border-bottom-width:2px;
border-bottom-style:solid;
padding-bottom:5px;
padding-top:5px;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" class="table">
<tr>
<td class="column1 bold1 rowborder" >Part</td><td class="column2 bold1 rowborder"> Athlete 1 </td><td class="column3 bold1 rowborder"> Athlete 2 </td>
</tr>
<tr>
<td class="column1 bold1 rowborder" >Swim</td><td class="column2 rowborder">15:45 (108)</td><td class="column3 rowborder">13:48 (31)</td>
</tr>
<tr>
<td class="column1 bold1 rowborder" >T1</td><td class="column2 rowborder">2:32</td><td class="column3 rowborder">2:23</td>
</tr>
<tr>
<td class="column1 bold1 rowborder" >Cycle</td><td class="column2 rowborder">41:23 (121)</td><td class="column3 rowborder">39:37 (86)</td>
</tr>
<tr>
<td class="column1 bold1 rowborder" >T2</td><td class="column2 rowborder">1:28</td><td class="column3 rowborder">1:25</td>
</tr>
<tr>
<td class="column1 bold1 rowborder" >Run</td><td class="column2 rowborder">23:39 (114)</td><td class="column3 rowborder">24:04 (125)</td>
</tr>
<tr>
<td class="column1 bold1 finalrow" >Final Result</td><td class="column2 finalrow">1:24:47 (109) </td><td class="column3 finalrow">1:21:16 (73)</td>
</tr>
</table>
</body>
</html>
THNX,