Re: [css-d] JQuery and td w/ display:none alignments

[E McMahon]

 

> E McMahon wrote: 
> > snipped a lot... 
> > I was wondering if anyone has tripped over this... I do  believe it's a
CSS
> > issue, but included jquery details as that is what I'm using to change
> > display properties.  
> > I'm using jquery and the tablesorter plug-in (along with a  tablesorter
> > updated module to accomodate child rows -
> >
http://www.pengoworks.com/workshop/jquery/tablesorter/jquery.tablesorter.mod
> > .js) to sort my db table. The collapsible rows have a  'extend-child'
class
> > which attaches them to the 'parent' row for sorting purposes. When a
certain
> > cell is clicked on the parent, the child row is displayed  (the jquery
goes
> > and sets display to block).

> From: Jens Nedal <[EMAIL PROTECTED]> 
> > The problem is related to the rowspan of the td element.  Since the 

> > below that needs to be expanded is still there, and only the  
> > elements are hidden, this effect appears.
> > Best would be to only add the rowspan via Javascript when the actual 
> > expansion occurs.
> > regards, Jens
> 
> Some additional thoughts. Your jQuery module cannot interpret the 
> rowspan correctly, since it seems to be built for simple rows without 
> rowspan, and so you get the related effect. Either drop the 
> rowspan and 
> just indent the 2nd row with an additional td and colspan, or try 
> adapting the jQuery script to only add the rowspan when the columns 
> below get expanded.
> 
> regards, Jens
 
> From: "Nancy E. Sosna Bohm" <[EMAIL PROTECTED]>
> The first two cells in each table row have a rowspan of 2, but the rest of
> the cells in the row only span one row, so they are shorter than the first
2
> cells of the row.


Hi Jens,

Thanks a million for the replies - it makes perfect sense.  Of course, with
the display of the td's set to none, the columns that had the rowspan's set
would do that (display as 2 rows, and the td's of the hidden rows would be,
well, hidden).  I think w/ the javascript aspect thrown in, it was enough to
throw me off course (sad to say :) )... I wasn't thinking of the td's of the
hidden row as being individually hidden vs. the row being hidden - I
definitely have become wiser once again because of the helpfulness & insight
of 'the list' !  

Thank you Nancy, as well - that's exactly what was happening!

Sincerest regards,
Liz

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (no subject)

[E McMahon]

Hello -
 
I was wondering if anyone has tripped over this... I do believe it's a CSS
issue, but included jquery details as that is what I'm using to change
display properties.  
 
I'm using jquery and the tablesorter plug-in (along with a tablesorter
updated module to accomodate child rows -
http://www.pengoworks.com/workshop/jquery/tablesorter/jquery.tablesorter.mod
.js) to sort my db table. The collapsible rows have a 'extend-child' class
which attaches them to the 'parent' row for sorting purposes. When a certain
cell is clicked on the parent, the child row is displayed (the jquery goes
and sets display to block).
 
The child rows are set to display:none initially, and when the associated
parent cell (tagged w/ a class of 'collapsible') is clicked, the child row
displays. The jquery stuff works great, but it's the display I have a
question about (so I came here)... Some of my actual db table rows have
cells which vary in height. When I try to display them, with the child row
below them (my particular app only has one child row/parent) the cells are
unequal (I draw a border around the cells which makes it really obvious). Is
there any way for me to display the parent row with equal height cells while
the child row is set to display none? I'm seeing it in all of the browsers
I've looked at - ff, ie, opera. Because the cell heights will vary, I have
no way of really knowing a height or min-height to specify.
 
I've doctored up the jquery tablesort demo/doc file (with the child row mod
update) to show the problem (there's alot of overhead in butchering the
actual app for you to see it..). The unequal rows don't really look that bad
in this example, but do in my actual application - and the demo does show
the problem.
 
The doctored up jquery tablesort file is at
http://thequarrygroup.com/table_row_alignment/tablesorter1.htm
 
Any ideas, pointers greatly appreciated!


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] footer clearing problem; 3 col absolute/relative positioned

[E McMahon]

Hi,

I am yet another new person to this forum and can see how helpful it is to
those of us learning css.  Thanks to those who offer their expertise, as I
have learned a lot just by reading. 

This is my first attempt at utilizing css.  I've "adapted", aka butchered, a
3 col, absolute, fluid layout good for compliant browsers AND ie5/6.  Worked
great till I started tinkering with it.  I wanted a 3 col, left fixed,
center & right fluid source ordered layout.  I'm somewhat there, but I'm
having what looks to be an age old problem of getting my footer below the
longest column.  

Left col = absolute, width fixed;
middle col = relative, width fluid %, margin-left positions;
right col=absolute, width fluid %.

I looked around a lot including the archive postings here, the
FooterBeneathSidebar here, have already tried floats (mine seem to break in
ie5,6;  I did read somewhere (?) there was a bug w/ ie6 and left floats; so
I abandoned my old fluid float 3col that worked great in ff, opera & ie7,
but not ie5/6.  I now need a fixed left col anyways, so changed from floats
to this layout which played nice with everyone - although don't have a mac
to test). 

Striped down file is on  -
thanks a million for any advice/pointers in advance.   Appreciate any
critique in general on the css/xhtml. 

Many regards,
Liz


__
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/