473,325 Members | 2,860 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,325 software developers and data experts.

Column Visibility Collapse Problem

Stylists...

I'm having problems collapsing a column. Specifically, I want to
collapse the last column of a table. My initial test with a large data
set worked, but I cannot make it work with a small example.

Here are links to the data files (source included below):

http://home.covad.net/~holmespun/200...apse_test.html
http://home.covad.net/~holmespun/200...lapse_test.css

These Validate for HTML and CSS using the W3C validation tools.

I'm working with FF 1.0.1 (Windows & Linux). The test also fails for IE
6.0 but I already know of a "display:none" work-around.

http://www.richinstyle.com/test/tabl...ycollapse.html

I would not be concerned, but for my initial success, and for the fact
that the RichInStyle.com test page for collapsing columns (link above)
appears to work.

Additional note 1: Adding "visibility:collapse" style to the <th> and
each <td> of the third column causes the data in these cells to be
hidden in FF, but the column still does not collapse.

Additional note 2: Adding the IE work-around "display:none" style to
the third column causes FF to ignore the column width setting. FF
correctly ignores the "display:none" style for the column.

Thanks in advance.

....Holmespundit

-- CSS Follows:

/*
** 20050320_column_visibility_collapse_test.css
*/

table {
border: 2px solid;
}

td {
border: 1px dashed;
text-align: center;
}

col {
width: 200px;
}

col.noshow {
visibility: collapse;
}

/* (eof)
*/
-- HTML Follows:

<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

<title>
20050320 Column Visibility Collapse Test
</title>

<style type="text/css">
@import "20050320_column_visibility_collapse_test.css" ;
</style>

</head>

<body>

<h1>
20050320 Column Visibility Collapse Test
</h1>

<div>

<table>

<col/>
<col/>
<col class="noshow"/>

<tr>
<th>One</th>
<th>Two</th>
<th>Three</th>
</tr>

<tr>
<td>Uno</td>
<td>Due</td>
<td>
Many words that should not be seen.
</td>
</tr>
<tr>

<td>Won</td>
<td>Too</td>
<td>
Many words that should not be seen.
Many words that should not be seen.
Many words that should not be seen.
</td>
</tr>
</table>

</div>

</body>
</html>

Jul 21 '05 #1
1 7526
DU
Holmespundit wrote:
Stylists...

I'm having problems collapsing a column. Specifically, I want to
collapse the last column of a table.


Valid and cross-browser interactive demo working for MSIE 6, Mozilla
1.x, Opera 7.x, NS 7.x:

http://www.gtalbot.org/HTMLJavascrip...nCollapse.html

With border-collapse: collapse, there will be layout bugs.

DU
--
The site said to use Internet Explorer 5 or better... so I switched to
Mozilla 1.7.6 :)
Jul 21 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: carmen | last post by:
I'm using the code below to display the results in rows with the column header as hyperlinks that will sort the rows by colum heading. Is there a way to have the results sorted (as default) in...
3
by: Jukka K. Korpela | last post by:
I have noticed that the meaning of visibility: collapse has been discussed on different forums, but with no consensus on what it really means. Besides, implementations differ. The specification...
3
by: Steve Sabljak | last post by:
I seem to having a little trouble getting a table to display correctly in both msie and firefox. I want to set the table and column widths in pixels, and have some cell padding too. The table...
5
by: Jean Pion | last post by:
Dear readers, Can anyone explain how to set column width of a table in ccs. I use the following style in an external stylesheet: table.tbl { table-layout:fixed; border-top: 5px solid #333;...
6
by: darrel | last post by:
I'm using some validators for a form. I'm noticing that it writes the text out to the browser as a SPAN with it's visibility set to none. The problem is that it still takes up space, so I have...
0
by: nkparimi | last post by:
Hi, Here's what I'm trying: given an html table, to freeze the column headers and/or left column in IE. I understand that this is possible thru style sheets in IE, as suggested in the following:...
3
by: =?ISO-8859-1?Q?Ney_Andr=E9_de_Mello_Zunino?= | last post by:
Hello. I seek confirmation for the reasons behind a margin-related behavior I have observed. I have set up a simple test page to illustrate the issue. The page shows a very simple 2-column...
0
by: Joel Ryan | last post by:
hello, I'm currently working with a xamdatagrid, this grid is bound to a dataset as its source, and what im trying to do is, based on the column name(or the field name as the xamdatagrid calls it...
0
by: bharathreddy | last post by:
Hi All, I am using a listview control in my usercontrol so that it can be used in more than one form. This user control has one column extraw, so i want to make it invisible depending on the...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.