Difference between revisions of "User:DavidAHare/Test Page Section A"

From Fallen Sword Wiki
Jump to: navigation, search
 
(22 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"
| colspan="5" style="background-color:#cd9e4b; color:#000; border:1px solid #cd9e4b; font-size:90%; text-align:left; -moz-border-radius:15px" | &nbsp;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" | &nbsp;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>
 
|-
 
|-
<!--Any thing below this comment can be corrected and edited-->
+
| 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="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>
 +
|}
 +
</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:
  
{{User:DavidAHare/Opinions}}<!--The information in my opinion page is fine I am just using it to see something.-->
+
<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>
  
 +
|
  
 +
==== 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


 online.gif 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.


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'


'autocollapse'

Simple collapsible table
Lorem ipsum dolor sit amet



'innercollapse' and 'outercollapse'

This table does not collapse
But the table inside this cell
Does collapse
Hiding this part


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 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:

  • 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 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)?

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:

  • 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 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)?