Question

I have been reading these forums for some time, but this is my first question 🙂

The question is related to styling tables. If you look at my page in Chrome, at the bottom left of my table and the bottom left <td> tag, I was able to hide the borders the using visibility:hidden; But, in Firefox, the <td> still shows these borders. I have found that Firefox doesn’t like the visibility attribute.

http://allramhosting.com/new/shared-3/

.hide
{
    visibility: hidden;
}

<td class="hide">&nbsp; </td>

Does anyone know a way around this that will work in multiple browsers? I also tried border-color:white; in the <td> on <tfoot> and that almost works; it keeps the very bottom border line visible.

Answer 1

Use

.hide { border-style: none; }

or

.hide { border: none; }

on your tds or

.tableClass{ border: none;} 

if your table has class tableClass.