Difference between revisions of "User:DavidAHare/Test Page Section A"
DavidAHare (Talk | contribs) |
DavidAHare (Talk | contribs) |
||
Line 122: | Line 122: | ||
− | + | <div class="messagebox standard-talk NavFrame"> | |
+ | <div class="somerandomclass NavHead"> | ||
+ | [... This is the title; it does not have to be plain text, you can get creative here ...]</div> | ||
+ | <div class="NavContent anotherclass"> | ||
+ | [... The content you want to hide goes here ...] | ||
+ | </div> | ||
+ | </div> | ||
Revision as of 04:48, 10 October 2008
Test Section A + |
This section is supposed to go all the way accross the screen. Section B and C are to go half way accross the screen with Section B side by side to Section C. |
This table will always initially collapse | |||||
---|---|---|---|---|---|
Column 1 | Column 2 | Column 3 | Column 4 | Column 5 | Column 6 |
Column 1 | Column 2 | Column 3 | Column 4 | Column 5 | Column 6 |
I have tried to take the above code with the collapssible function in it and put a 2nd set next to it like what is below with the scroll bar. Here is the final code that I tried w\hich did not turn out very good. I just need to know if it can be done where I can have more than 1 collapsible field in a table type format. To look at the way the code is writen please press edit to look at the code below since I have had to use the <nowiki></nowiki> function to stop the miss up of the code below my trial of putting 2 collapsible fields next to each other.
{|style="width:100%; background:none" align="left" colspan="2" cellspacing="5" <div class="toccolours collapsible collapsed" width:100%> |- ! colspan="6" | This table will always initially collapse |- | Column 1 || Column 2 || Column 3 || Column 4 || Column 5 || Column 6 |- | Column 1 || Column 2 || Column 3 || Column 4 || Column 5 || Column 6 </div> | <div class="toccolours collapsible collapsed" width:100%> |- ! colspan="6" | This table will always initially collapse |- | Column 1 || Column 2 || Column 3 || Column 4 || Column 5 || Column 6 |- | Column 1 || Column 2 || Column 3 || Column 4 || Column 5 || Column 6 </div> |}
Tables
Collapsing
Simple collapsible table |
---|
Lorem ipsum dolor sit amet |
A normal cell in the header row | Header cell spans two cols | |
---|---|---|
Lorem ipsum dolor sit amet | Separate body cell |
'collapsed by default'
Simple collapsible table |
---|
Lorem ipsum dolor sit amet |
A normal cell in the header row | Header cell spans two cols | |
---|---|---|
Lorem ipsum dolor sit amet | Separate body cell |
'autocollapse'
Simple collapsible table |
---|
Lorem ipsum dolor sit amet |
'innercollapse' and 'outercollapse'
This table does not collapse | ||
---|---|---|
But the table inside this cell
|
Sortable tables
Name | Score |
---|---|
John | 59 |
Jane | 100 |
Bob | 72 |
I would like to thank the person who fixed the problem I was having.
Scroll boxesTo create a scrollbox, use the "overflow:auto" style code. Be sure to also specify a "height: nnpx", where nn is the height you want. Here's an example of one 150px tall:
|
Scroll boxesTo create a scrollbox, use the "overflow:auto" style code. Be sure to also specify a "height: nnpx", where nn is the height you want. Here's an example of one 150px tall:
|