Difference between revisions of "User:DavidAHare/Test Page Section A"
From Fallen Sword Wiki
DavidAHare (Talk | contribs) |
|||
| (10 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | __NOTOC__ | ||
| + | |||
{| style="width:100%; background:none" align="center" cellspacing="5" | {| style="width:100%; background:none" align="center" cellspacing="5" | ||
| style="background-color:#cd9e4b; color:#000; border:1px solid #cd9e4b; font-size:90%; text-align:left; -moz-border-radius:15px" | http://66.7.192.165/skin/online.gif '''Test Section A''' <span class="plainlinks">[{{fullurl:User:DavidAHare/Test Page Section A|action=edit}}<small><span style="color:#060">+</span></small>]</span> | | style="background-color:#cd9e4b; color:#000; border:1px solid #cd9e4b; font-size:90%; text-align:left; -moz-border-radius:15px" | http://66.7.192.165/skin/online.gif '''Test Section A''' <span class="plainlinks">[{{fullurl:User:DavidAHare/Test Page Section A|action=edit}}<small><span style="color:#060">+</span></small>]</span> | ||
| Line 4: | Line 6: | ||
| align="center" style="border:1px solid #cd9e4b; background-color: #f6d284; -moz-border-radius:15px" |<big>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.</big> | | align="center" style="border:1px solid #cd9e4b; background-color: #f6d284; -moz-border-radius:15px" |<big>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.</big> | ||
|- | |- | ||
| + | |} | ||
| − | |||
| − | |||
| − | + | {| 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 | ||
| + | |} | ||
| − | + | <big>'''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></nowiki></nowiki> function to stop the miss up of the code below my trial of putting 2 collapsible fields next to each other.'''</big> | |
| − | < | + | <nowiki> |
| − | + | {|style="width:100%; background:none" align="left" colspan="2" cellspacing="5" | |
| − | <div class=" | + | <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%> |
| − | </div></ | + | |- |
| + | ! 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> | ||
| + | |} | ||
| + | </nowiki> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | ==Tables== | |
| − | + | ===Collapsing=== | |
| − | + | ||
| − | + | ||
| − | + | {| class="wikitable collapsible" | |
| − | + | ! Simple collapsible table | |
| + | |- | ||
| + | | Lorem ipsum dolor sit amet | ||
| + | |} | ||
| − | + | {| class="wikitable collapsible" | |
| − | + | |A normal cell in the header row | |
| − | + | ! colspan="2"| Header cell spans two cols | |
| − | + | |- | |
| − | + | | colspan="2" | Lorem ipsum dolor sit amet | |
| + | | Separate body cell | ||
| + | |} | ||
| − | + | ==='collapsed by default'=== | |
| − | + | {| class="wikitable collapsible collapsed" | |
| + | ! Simple collapsible table | ||
| + | |- | ||
| + | | Lorem ipsum dolor sit amet | ||
| + | |} | ||
| − | {{ | + | {| class="wikitable collapsible collapsed" |
| + | |A normal cell in the header row | ||
| + | ! colspan="2"| Header cell spans two cols | ||
| + | |- | ||
| + | | colspan="2" | Lorem ipsum dolor sit amet | ||
| + | | Separate body cell | ||
| + | |} | ||
| + | |||
| + | |||
| + | ==='autocollapse'=== | ||
| + | |||
| + | |||
| + | {| class="wikitable collapsible autocollapse" | ||
| + | ! Simple collapsible table | ||
| + | |- | ||
| + | | Lorem ipsum dolor sit amet | ||
| + | |} | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | ==='innercollapse' and 'outercollapse'=== | ||
| + | |||
| + | {| class="wikitable outercollapse" | ||
| + | ! This table does not collapse | ||
| + | |- | ||
| + | | But the table inside this cell | ||
| + | |||
| + | {| class="wikitable collapsible innercollapse" | ||
| + | ! Does collapse | ||
| + | |- | ||
| + | | Hiding this part | ||
| + | |} | ||
| + | |||
| + | |} | ||
| + | |||
| + | |||
| + | ===Sortable tables=== | ||
| + | |||
| + | {| class="wikitable collapsible sortable" | ||
| + | !Name!!Score | ||
| + | |- | ||
| + | |John||59 | ||
| + | |- | ||
| + | |Jane||100 | ||
| + | |- | ||
| + | |Bob||72 | ||
| + | |} | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <big>'''I would like to thank the person who fixed the problem I was having.'''</big> | ||
| + | |||
| + | |||
| + | |||
| + | {| style="width:100%; background:none" align="left" colspan="2" cellspacing="5" | ||
| + | | <!-- you forgot to put in the beginning of the first table cell --> | ||
| + | ==== Scroll boxes ==== | ||
| + | To 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: | ||
| + | |||
| + | <div style="width:100%; height: 150px; overflow:auto; border: thin solid blue; background: white"> | ||
| + | *What is the meaning of life? And what does that question mean? | ||
| + | *Where is the line between life and non-life? | ||
| + | *Where does choice come from? | ||
| + | *Why is life proactive, as opposed to nonlife, which simply obeys the laws of physics, without using energy to—say—defy gravity? | ||
| + | *Can emotion be programmed? | ||
| + | *Where do we feel? | ||
| + | *Why does [[Portal:Art|art]] move us? | ||
| + | *What makes us want to be better, to have purpose? | ||
| + | *Who are you and what do you want? | ||
| + | ** That is, who are you, really? The true you, deep inside. | ||
| + | ** And what do you really want (but for whatever reason haven't committed to getting)? | ||
</div> | </div> | ||
| − | + | | | |
| − | < | + | |
| + | ==== Scroll boxes ==== | ||
| + | To 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: | ||
| + | |||
| + | <div style="width:100%; height: 150px; overflow:auto; border: thin solid blue; background: white"> | ||
| + | *What is the meaning of life? And what does that question mean? | ||
| + | *Where is the line between life and non-life? | ||
| + | *Where does choice come from? | ||
| + | *Why is life proactive, as opposed to nonlife, which simply obeys the laws of physics, without using energy to—say—defy gravity? | ||
| + | *Can emotion be programmed? | ||
| + | *Where do we feel? | ||
| + | *Why does [[Portal:Art|art]] move us? | ||
| + | *What makes us want to be better, to have purpose? | ||
| + | *Who are you and what do you want? | ||
| + | ** That is, who are you, really? The true you, deep inside. | ||
| + | ** And what do you really want (but for whatever reason haven't committed to getting)? | ||
| + | </div> | ||
|} | |} | ||
Latest revision as of 05:01, 29 January 2010
 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:
|
