On Aug 23, 2007, at 9:44 AM, Timothy Kelty wrote:
> I've been trying to figure out how to hide an entire table column,
> defined
> by a <col> tag
>
> The following hides the column in Firefox and IE, but does not do
> anything
> in Safari:
>
> col#test{
> visibility: collapse; /* hides column in Firefox */
> display: none; /* hides column in ie6, ie7 */
> }
>
> Does anybody know how to make this work cross-browser? Or if you have
> another solution for hiding an entire column...
>
> I found this post in the archives, but still haven't had any luck:
> http://archivist.incutio.com/viewlist/css-discuss/74211
There is not much more to add, I'm afraid.
> #col1 {display:none;}
> tr>td:first-child {display:none;}
Of course, if your column contains a <th> you'll need to add that in
the selectors:
tr>td:first-child,
tr>th:first-child {display:none;}
And if the column you want to hide is not the first one, the selector
becomes a bit longer:
tr>td:first-child+td+td,
tr>th:first-child+th+th {display:none;}
will deal with the 3rd column.
Do you have a URL that illustrates your problem(s) ?
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
