|
|
Posted by Jonathan N. Little on 01/30/07 15:16
Beauregard T. Shagnasty wrote:
> Frank wrote:
>
>> in an HTML table (with css file) I want to have a separation line
>> after every 3rd row. How can I do that?
>
> Without more details, try this, where N is the number of columns in your
> data:
>
> <td colspan="N"> </td>
>
Not sure what OP means by separation line, if just a 'visual' marker I
would just adjust the border and not insert a blank row, easy with style,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>With Css</title>
<style type="text/css">
TABLE { border-collapse: collapse; border: 3px solid #000; }
TD { border: 1px solid #888; margin: 0; padding: .5em; }
TR.spacer TD{ border-bottom: 10px solid #f00; }
</style>
</head>
<body>
<table>
<caption>Every Third</caption>
<tr><td>A1</td><td>B1</td><td>C1</td></tr>
<tr><td>A2</td><td>B2</td><td>C2</td></tr>
<tr class="spacer"><td>A3</td><td>B3</td><td>C3</td></tr>
<tr><td>A4</td><td>B4</td><td>C4</td></tr>
<tr><td>A5</td><td>B5</td><td>C5</td></tr>
<tr class="spacer"><td>A6</td><td>B6</td><td>C6</td></tr>
<tr><td>A7</td><td>B7</td><td>C7</td></tr>
</table>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
[Back to original message]
|