Creating HTML tables that expand and collapse with user control
New at most of this stuff...have some HTML experience, but obviously not enough. A co-worker and I are trying to create lists that expand/collapse at the user's request. That part is completed. However, we have decided to format our stuff in a table, but we are unable to get the expand/collapse to work correctly in a table. Any thoughts, suggestions, or examples would be useful.
Yes, the layout you listed is how we have it set up. What we have looks somewhat like an excel table of sorts, and it lists the stuff. Some of the links have a plus sign next to them, used to expand the list. We are basically using tables for formatting, b/c there is a TON of information in there, and it's just easier for the user to read it that way. I can't send you the web page however, b/c I work for a government contract. Here is somewhat what the layout needs to look like:
Title Title Title Title
+Link 1 Info 1 Info 1 Info 1
-Link 2 Info 2 Info 2 Info 2
Sub item 1 Info 1a Info 1a Info 1a
Sub item 2 Info 2a Info 2a Info 2a
Is there another way to format this stuff so that the user can read across the columns better? I.E. a way to place lines in there to divide the information up?
That seems to serve the purpose we were looking for. One last question...is there any way to space the text items out so that they are all evenly spaced, as they would be if they were in columns?? That's about the only other thing we ran into.
Ok, doing that doesn't align the text in my columns at all. Maybe I'm doing it wrong? I changed what you said, and it seemed to knock all the text to the next line, instead of spacing it out. Any thoughts?