Re: CSS display not working (or more likely Im doing something wrong)
- From: bissatch@xxxxxxxxxxx
- Date: 10 Aug 2005 16:21:27 -0700
> You are aware that table rows are part of tables?
Yes but I would like to hide a selection of table rows within a table.
Sorry, I really should have supplied more code
> Secondly, 'nowrap' is a depricated attribute with html 4.01 (and only available
> with old transitional style html):
> <http://www.w3.org/TR/html401/struct/tables.html#adef-nowrap>
> Use a style like table.hide td { white-space:nowrap; } or something.
Unfortunetely, I have taken a job position that was filled by another
person before me. This is the code I have to work with in the mean
time. Its present throughout the entire page.
> Thirdly, rather than using a class name that describes the wanted visual
> behaviour, one should use a class name that makes sense even if the behaviour
> gets ignored or has to change in the future. So no 'hide' but rather the why it
> has to be hidden.
I'd rather stick with the name 'hide'. I can then apply it to other
elements and know that it simply hides that element (well, usually
does, lol). Anyway, thats not really too much of an issue in this case
but I appreciate the tip.
My idea:
What the final outcome will be is where you will click on a link and it
will show / hide a number of table rows within a <div> tag. The idea in
real, will be applied to a 'whats new' page where under every month
heading is a list and links of whats new on the Intranet I work on. As
mentioned previously, I am working with someones old code and it is
quite a large page (hopefully you get the idea why I am wanting to use
some space saving techniques, see working example below) so I would
like to apply this idea without having to retype the page another way
as this would be a lot of fiddly work.
Anyway, here is a simple example of a page that kinda does what I want:
http://www.martynbissett.co.uk/test/test_showhidetr.htm
As you can see, when you click the links it will show / hide the table
row below. This is the exact concept of what I am trying to achieve but
I need it to show / hide a number of rows so my solution was to nest
them within <div> tags. See below for this code:
http://www.martynbissett.co.uk/test/test_showhidediv.htm
As you will be able to see, although I have done as intended with the
<div> tags (view source), it doesnt show / hide them. I would like to
know why and how to overcome this (if possible)
Anyway, sorry about the large reply but hopefully this is enough
information. If you have made it this far in the text then your doin
well, lol.
Burnsy
.
- Follow-Ups:
- Re: CSS display not working (or more likely Im doing something wrong)
- From: Berna Bleeker
- Re: CSS display not working (or more likely Im doing something wrong)
- References:
- CSS display not working (or more likely Im doing something wrong)
- From: bissatch
- Re: CSS display not working (or more likely Im doing something wrong)
- From: Barbara de Zoete
- CSS display not working (or more likely Im doing something wrong)
- Prev by Date: Re: CSS validation fails, can you help me figuring out what's wrong?
- Next by Date: Re: CSS validation fails, can you help me figuring out what's wrong?
- Previous by thread: Re: CSS display not working (or more likely Im doing something wrong)
- Next by thread: Re: CSS display not working (or more likely Im doing something wrong)
- Index(es):
Relevant Pages
|
