Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Nested Tables + Show / Hide Rows issue
October 6, 2004, 10:51 am
rate this thread
I'm generating a series of reports from an application that will be
published on a client's intranet.
The idea is that each of these reports is arranged into major product
groups, sub-groups and product lines. All of this is to be in a table
with one header.
Clicking on "Master Group" shows any "Major Groups", which in turn
shows any "Product Groups"...and on to products themselves.
The show / hide seems to work fine. The problem is that because I am
having to use nested tables for this, the vertical borders are not
aligning. They should all be aligned as though they were in one table.
In my css (http://www.aoxc25.dsl.pipex.com/css/style.css ), I've set
border-collapse: collapse; and table borders to none.
What could I do to resolve this? Or is there a better way of doing it
without nesting tables?
thanks in advance...
Re: Nested Tables + Show / Hide Rows issue
> Clicking on "Master Group" shows any "Major Groups", which in turn
> shows any "Product Groups"...and on to products themselves.
> The show / hide seems to work fine.
Not in Firefox it doesn't. "ClickedLink.parentElement has no properties".
Also, you've given a doctype of HTML 4.01 Transitional, yet you're using
XHTML syntax e.g. <col />.