PDA

Click to See Complete Forum and Search --> : Table Borders...

stmasi
05-23-2003, 10:05 AM
I've attached a zip file with a sample table layout.

How do I modify the borders to be one solid line around all cells instead of double lines as it is?

Thanx.
Vladdy
05-23-2003, 10:10 AM
your chances of getting help are much greater if you post URL instead of attaching file.
your chances of building a successful site are much greater if you do not use tables for layout.
stmasi
05-23-2003, 10:28 AM
So...

Does this mean it's not possible?

:(
stmasi
05-23-2003, 10:48 AM
Bummer.

:(
pyro
05-23-2003, 11:03 AM
It's possible.

Get rid of the border around your entire table, and add this to the <td>'s style="border:black 1px solid;"
stmasi
05-23-2003, 11:10 AM
When I incorporate that style setting into each td, I get absolutely no borders whatsoever.

Am I doing something wrong?

Thanx.
stmasi
05-23-2003, 11:13 AM
Nevermind...just needed content in the cells before the borders showed.

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.

Is there any way to make all borders very thin like the outside border?

Thanx.
pyro
05-23-2003, 11:24 AM
You'll have to not specify either a top border in the cells below, or a bottom border in the cells above. http://www.w3.org/TR/REC-CSS2/box.html#border-properties
stmasi
05-23-2003, 11:41 AM
I can't seem to figure it out using the exaples given on that page you linked me to.

:(
Charles
05-23-2003, 11:44 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>
<style type="text/css">
<!--
table {background-color:#000}
th, td {background-color:#fff}
-->
</style>
<table summary="Some Data" cellspacing="1">
<tr>
<td>&nbsp;</td>
<th>Heading</th>
<th>Heading</th>
</tr>

<tr>
<th>Heading</th>
<td>Data</td>
<td>Data</td>
</tr>

<tr>
<th>Heading</th>
<td>Data</td>
<td>Data</td>
</tr>

</table>
pyro
05-23-2003, 11:48 AM
Charles way is better anyway... ;)