table borders

[z35]

Hi,

I gave my table a border. Is it possible to give all the cells a border and remove the border that is around the entire table.

All the components have borders but the big border around the whole thing shouldn't be seen.

 

[sweevo]

Is this what you're after...

In the Head section

<style>
table
{
border: 0px;
}

td
{
border: 2px solid red;
}
</style>

 

[z35]

yes..but is it possible to do this without style sheets, in html??

 

[theocraticmind]

it dosen't seem to work without it. is there some reason why you do not wish to use css?

 

[z35]

I prefer doing things in a simpler way if possible...in case of browsers that do not support css.

in this case...i'll use css.

however...I have more than one table in my page and I want this to apply to only one table.

can i make this into a class and apply it to the table i want??

 

[pcorreia]

Check out the

rules

and

frame

attributes of the

<table>

tag. Here are some references:

rules:

http://www.w3.org/TR/html401/struct/tables.html#adef-rules

frame:

http://www.w3.org/TR/html401/struct/tables.html#adef-frame

 

[bluranj]

nested table is the answer to achieving this. The outher table background color works as the border

eg
<table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; bgcolor=&quot;0000CC&quot; width=&quot;400&quot;>
<tr>
<td colspan=&quot;2&quot; width=&quot;100%&quot;>

<!-- EMBEDDED TABLE BEGINS HERE >

<table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;0&quot; bgcolor=&quot;0000CC&quot; height=&quot;15&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;33%&quot; height=&quot;100%&quot; bgcolor=&quot;#9400d3&quot;>

</td>
<td width=&quot;34%&quot; height=&quot;100%&quot;>

</td>
<td width=&quot;33%&quot; height=&quot;100%&quot; bgcolor=&quot;#9400d3&quot;>

</td>
</tr>
</table>

<!-- END EMBEDDED TABLE -->

</td>
</tr>
<tr>
<td width=&quot;50%&quot; bgcolor=&quot;#cc0000&quot; height=&quot;25&quot;>

</td>
<td width=&quot;50%&quot; bgcolor=&quot;#00cc00&quot; height-&quot;25&quot;>

</td>
</tr>
</table>

Ranjan

http://www.dreamlettes.com

fragments of dream, weave them together

 

[theocraticmind]

try this for css on one tably only:

<table style=&quot;border:0px;&quot;>
<tr>
<td style=&quot;border: 2px solid red;&quot;>text</td>
<td style=&quot;border: 2px solid red;&quot;>text</td>
</tr>
</table>

the sested table idea is definetly not the simplest one. but the css one will not work in NS4.x. i vote for css, it downgrades to no border at all.