By using a row class, you can avoid some duplication in the CSS, and
the need for a 'middleCell' class. Still the same hackishness, but
(at least to me) seems slightly cleaner.
<html>
<head>
<style type="text/css">
tr.bordered td {
border-top: 2px solid #f00;
border-bottom: 2px solid #f00;
}
tr.bordered td.firstCell { border-left: 2px solid #f00; }
tr.bordered td.lastCell { border-right: 2px solid #f00; }
</style>
</head>
<body>
<table>
<tr class="bordered">
<td class="firstCell">tbody</td>
<td>tbody</td>
<td class="lastCell">tbody</td>
</tr>
</table>
</body>
</html>
On 8/11/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Well, thanks, but I'm designing purely for IE. In this case, I ended up
> doing this:
>
> <html>
> <head>
> <style>
> .FirstCell { border-left: 2px solid black; border-top: 2px solid black;
> border-bottom: 2px solid black;}
> .MiddleCell { border-top: 2px solid black; border-bottom: 2px solid black; }
> .LastCell { border-right: 2px solid black; border-top: 2px solid black;
> border-bottom: 2px solid black;}
> </style>
> </head>
> <body>
> <table cellspacing="0" style="border: 2px solid blue;">
> <tr>
> <td>Row 1 Col 1</td>
> <td>Row 1 Col 2</td>
> <td>Row 1 Col 3</td>
> <td>Row 1 Col 4</td>
> <td>Row 1 Col 5</td>
> </tr>
> <tr>
> <td class="FirstCell">Row 2 Col 1</td>
> <td class="MiddleCell">Row 2 Col 2</td>
> <td class="MiddleCell">Row 2 Col 3</td>
> <td class="MiddleCell">Row 2 Col 4</td>
> <td class="LastCell">Row 2 Col 5</td>
> </tr>
> <tr>
> <td>Row 3 Col 1</td>
> <td>Row 3 Col 2</td>
> <td>Row 3 Col 3</td>
> <td>Row 1 Col 4</td>
> <td>Row 1 Col 5</td>
> </tr>
> </table>
>
--
Barney Boisvert
[EMAIL PROTECTED]
360.319.6145
http://www.barneyb.com/
Got Gmail? I have 50 invites.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Logware (www.logware.us): a new and convenient web-based time tracking
application. Start tracking and documenting hours spent on a project or with a
client with Logware today. Try it for free with a 15 day trial account.
http://www.houseoffusion.com/banners/view.cfm?bannerid=67
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:214658
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
