Help with table borders

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Is it possible to make the vertical lines of a table invisible and have the
horizontal lines visible?
 
Yes. Use CSS like this -

<!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">
<title>Untitled Document</title>
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="MSThemeCompatible" content="No">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta name="robots" content="index,follow">
<style type="text/css">
<!--
table { border-collapse:collapse; }
table.special td { border-bottom:1px solid black; }
table.special td.first { border-top:1px solid black; }
-->
</style>
</head>

<body>
<table width="400" class="special" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td class="first">whatever</td>
<td class="first">blah</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>
 
Back
Top