Table Borders...

windows

Guest
I've attached a zip file with a sample table layout.<br />
<br />
How do I modify the borders to be one solid line around all cells instead of double lines as it is?<br />
<br />
Thanx.<!--content-->your chances of getting help are much greater if you post URL instead of attaching file.<br />
your chances of building a successful site are much greater if you do not use tables for layout.<!--content-->So...<br />
<br />
Does this mean it's not possible?<br />
<br />
:(<!--content-->Bummer.<br />
<br />
:(<!--content-->It's possible.<br />
<br />
Get rid of the border around your entire table, and add this to the <td>'s style="border:black 1px solid;"<!--content-->When I incorporate that style setting into each td, I get absolutely no borders whatsoever.<br />
<br />
Am I doing something wrong?<br />
<br />
Thanx.<!--content-->Nevermind...just needed content in the cells before the borders showed.<br />
<br />
However, now the outside border is really thin and the inside borders are thicker. I'm assuming this is because it is where the cells are touching each other and showing actually two borders, bottom of one and top of other, together.<br />
<br />
Is there any way to make all borders very thin like the outside border?<br />
<br />
Thanx.<!--content-->You'll have to not specify either a top border in the cells below, or a bottom border in the cells above. <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/box.html#border-properties">http://www.w3.org/TR/REC-CSS2/box.html# ... properties</a><!-- m --><!--content-->I can't seem to figure it out using the exaples given on that page you linked me to.<br />
<br />
:(<!--content--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta name="Content-Script-Type" content="text/javascript"><br />
<title>Example</title><br />
<style type="text/css"><br />
<!--<br />
table {background-color:#000}<br />
th, td {background-color:#fff}<br />
--><br />
</style><br />
<table summary="Some Data" cellspacing="1"><br />
<tr><br />
<td>&nbsp;</td><br />
<th>Heading</th><br />
<th>Heading</th><br />
</tr><br />
<br />
<tr><br />
<th>Heading</th><br />
<td>Data</td><br />
<td>Data</td><br />
</tr><br />
<br />
<tr><br />
<th>Heading</th><br />
<td>Data</td><br />
<td>Data</td><br />
</tr><br />
<br />
</table><!--content-->Charles way is better anyway... ;)<!--content-->
 
Back
Top