[WSG] Imaginary Borders

Thu, 27 Jan 2005 13:22:01 -0800

First off try using hex for your colors instead of color names.  Next, remove the bottom border from the row1 so that it doesn’t override the top border from row2.  The resulting code worked for me and looks like this:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"><head>

<title>Table Jazz</title>

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />

<style type="text/css" media="screen">

th{ text-align: center; font-weight: bold;}

th{ vertical-align: baseline; background-color: #00f;}

td{ vertical-align: middle;}

table { border-collapse: collapse;}

tr#row1 {border-top: 3px solid #00f; background-color: #999;border-right: 3px solid #00f; background-color: #999; border-left: 3px solid #00f; background-color: #999}

tr {border-collapse:none;}

tr#row2 {border-top: 1px solid #000;}

tr#row3 {border-top: 1px solid #000;}

caption { caption-side: top; font-size: 12px;}

 

</style>

</head>

<body>

<table summary="w3.org sample table">

<caption>This is a simple 3x3 Table</caption>

<tr id="row1">

        <th>Header1</th> <td>Cell 1</td>  <td>Cell 2</td>

</tr>    

<tr id="row2">

        <th>Header2</th> <td>Cell 3</td> <td>Cell 4</td>

</tr>    

<tr id="row3"> 

        <th>Header 3</th> <td>Cell 5</td> <td>Cell 6</td>

</tr>    

</table>

 

 

 

</body>

</html>

 

Mani Sheriar

Sheriar Designs | www.ManiSheriar.com

925|914.0741

 

 

 

Reply via email to