Difference between revisions of "User:DavidAHare/Test Page Section A"
From Fallen Sword Wiki
DavidAHare (Talk | contribs) |
|||
| (7 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 6: | Line 8: | ||
|} | |} | ||
| − | |||
| + | {| 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 | ||
|} | |} | ||
| Line 75: | Line 92: | ||
| − | {| class=" | + | ==='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 | ||
|} | |} | ||
| Line 88: | Line 124: | ||
| − | <big>'''I | + | |
| + | <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" | {| 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 ==== | ==== 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: | 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: | + | <div style="width:100%; height: 150px; overflow:auto; border: thin solid blue; background: white"> |
| − | *What is the | + | *What is the meaning of life? And what does that question mean? |
| − | *Where is the line between | + | *Where is the line between life and non-life? |
| − | *Where does | + | *Where does choice come from? |
| − | *Why is life proactive, as opposed to nonlife, which simply obeys the laws of | + | *Why is life proactive, as opposed to nonlife, which simply obeys the laws of physics, without using energy to—say—defy gravity? |
| − | *Can | + | *Can emotion be programmed? |
*Where do we feel? | *Where do we feel? | ||
*Why does [[Portal:Art|art]] move us? | *Why does [[Portal:Art|art]] move us? | ||
| − | *What makes us want to be better, to have | + | *What makes us want to be better, to have purpose? |
*Who are you and what do you want? | *Who are you and what do you want? | ||
** That is, who are you, really? The true you, deep inside. | ** 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)? | ** And what do you really want (but for whatever reason haven't committed to getting)? | ||
</div> | </div> | ||
| + | |||
| + | | | ||
==== Scroll boxes ==== | ==== 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: | 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: | + | <div style="width:100%; height: 150px; overflow:auto; border: thin solid blue; background: white"> |
| − | *What is the | + | *What is the meaning of life? And what does that question mean? |
| − | *Where is the line between | + | *Where is the line between life and non-life? |
| − | *Where does | + | *Where does choice come from? |
| − | *Why is life proactive, as opposed to nonlife, which simply obeys the laws of | + | *Why is life proactive, as opposed to nonlife, which simply obeys the laws of physics, without using energy to—say—defy gravity? |
| − | *Can | + | *Can emotion be programmed? |
*Where do we feel? | *Where do we feel? | ||
*Why does [[Portal:Art|art]] move us? | *Why does [[Portal:Art|art]] move us? | ||
| − | *What makes us want to be better, to have | + | *What makes us want to be better, to have purpose? |
*Who are you and what do you want? | *Who are you and what do you want? | ||
** That is, who are you, really? The true you, deep inside. | ** 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)? | ** And what do you really want (but for whatever reason haven't committed to getting)? | ||
</div> | </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:
|
