Hi there,

 

I expect this is a silly problem but I cant seem to find a solution. I have nested tables within a larger table as it seemed the easiest way to display the data. The problem is in FF and IE there is a big lack border around them, presumably inherited from the parent tables CSS.

 

http://www.specialisttapes.com/index.php?route=product/category&path=500_12_20

 

See the black borders around the measurements? I do not want them there.

 

Thanks in advance.

.colourchart td, th {
border-style:none;
}

Edited November 5, 201213 yr by Renaissance-Design
Use the code button, that's what it's there for.

.colourchart td, th {
border-style:none;
}

 

Hi, thanks for the reply.

 

When I do this it makes the borders have the old style "3D" look, is there a way to just have a solid 1px border without it affecting the nested tables?

Instead of having border="1" on the <table> tag, just apply a 1px border style to the table via a class/ID or whatever style you require. So instead of:

 

<table border="1">

 

You could have something like:

 

<table border="0" style="border:1px black solid;">

Cheers guys, fixed it. I put everything in the CSS and zeroed everything out on the td and th of the nested table in the CSS. Amazing how simple things can take forever to figure out sometimes...

 

.smallchart td, th{
border-width: 0px;
border-style: none;
}