using the rules property to control internal table borders 1

blues77 · Jun 19, 2002

I'm trying to use the rules property of the table tag to prevent the borders of the table cells from appearing. It appears to work in IE but not in netscape. Is there any way of getting the same effect in netscape. any help is appreciated.

thanks

Boomerang · Jun 19, 2002

I don't know which NN you use.
In NN4+ it's verry hard to accomplish.

But in NN6 you can try (I can't test it here):

<html>
<head>
</head>
<body>

<style>
td.nob
{
border: 0px;
}
</style>

<table border=2 bordercolor="red" cellspacing=0 celpadding=0>
<tr>
<td class="nob">cell 1-1
</td>
<td class="nob">cell 1-2
</td>
<td class="nob">cell 1-3
</td>
</tr>
<tr>
<td class="nob">cell 2-1
</td>
<td class="nob">cell 2-2
</td>
<td class="nob">cell 2-3
</td>
</tr>
<tr>
<td class="nob">cell 3-1
</td>
<td class="nob">cell 3-2
</td>
<td class="nob">cell 3-3
</td>
</tr>
</table>

</body>
</html>

-----------------------------------

If this doesn't work you can try:

<style>
td.nob
{
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}
</style>

----------------------------

To make particular cellborders in the table you can do:

<style>
td.nob2
{
border-left: 2px solid green;
border-right: 1px solid orange;
border-top: 3px solid blue;
border-bottom: 4px solid yellow;
}
</style>

<td class="nob2">cell 2-2

Hope this helps,
Erik
<!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (

http://www.boomerang2002.com)

!! Many Happy Returns !! -->

starway · Jun 20, 2002

this:
<table border=0 cellspacing=0 cellpadding=0>

works in all browsers without exceptions.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

using the rules property to control internal table borders 1

blues77

Programmer

Boomerang

Programmer

starway

Programmer

Similar threads

Part and Inventory Search

Sponsor