Difference between revisions of "User:DavidAHare/ActualTest Page"
DavidAHare (Talk | contribs) |
DavidAHare (Talk | contribs) |
||
(67 intermediate revisions by one user not shown) | |||
Line 2: | Line 2: | ||
| 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 '''Actual Test Section ''' <span class="plainlinks">[{{fullurl:User:DavidAHare/ActualTest Page|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 '''Actual Test Section ''' <span class="plainlinks">[{{fullurl:User:DavidAHare/ActualTest Page|action=edit}}<small><span style="color:#060">+</span></small>]</span> | ||
|- | |- | ||
− | | align="center" style="border:1px solid #cd9e4b; background-color: #f6d284; -moz-border-radius:15px" |<big><big>This is the actual section that is the test area. So Please limit all corrections to this Page/Section. I have also put section dividing code on this page with comments before and after which are there to help in getting the code right for dividing areas so please leave those alone as well. Anything in between the comments; You can start editing here and Stop editing is alright to edit/correct. Thanks | + | | align="center" style="border:1px solid #cd9e4b; background-color: #f6d284; -moz-border-radius:15px" |<big><big>This is the actual section that is the test area. So Please limit all corrections to this Page/Section. I have also put section dividing code on this page with comments before and after which are there to help in getting the code right for dividing areas so please leave those alone as well. Anything in between the comments; You can start editing here and Stop editing is alright to edit/correct. Thanks </big></big> |
− | + | |- | |
− | + | ||
− | + | ||
− | + | ||
{{User:DavidAHare/Test Page Section A}} | {{User:DavidAHare/Test Page Section A}} | ||
− | + | <!--| align="center" style="border:1px solid #cd9e4b; background-color: #f6d284; -moz-border-radius:15px" |<big><big>I am tying something to see if it works. </big></big><br><br>--> | |
− | <!-- | + | |
− | + | ||
|- | |- | ||
| | | | ||
|- | |- | ||
| width="50%" style="background-color:#e5c173; border:1px solid #000; -moz-border-radius:0px 0px 0px 15px" align="left" valign="top" | | | width="50%" style="background-color:#e5c173; border:1px solid #000; -moz-border-radius:0px 0px 0px 15px" align="left" valign="top" | | ||
− | + | ||
− | + | ||
{{User:DavidAHare/Test Page Section B}} | {{User:DavidAHare/Test Page Section B}} | ||
− | |||
− | |||
|| | || | ||
| style="width:50%; background-color:#e5c173; border:1px solid #000; -moz-border-radius:0px 0px 15px 0px" align="center" valign="top" | | | style="width:50%; background-color:#e5c173; border:1px solid #000; -moz-border-radius:0px 0px 15px 0px" align="center" valign="top" | | ||
− | + | ||
− | <!-- | + | {{User:DavidAHare/Game Equipment}} |
− | {{User:DavidAHare/Test Page Section C}} | + | <!--{{User:DavidAHare/Test Page Section C}}--> |
− | + | ||
− | + | ||
|- | |- | ||
|} | |} |
Latest revision as of 02:18, 8 September 2008
Actual Test Section + | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
This is the actual section that is the test area. So Please limit all corrections to this Page/Section. I have also put section dividing code on this page with comments before and after which are there to help in getting the code right for dividing areas so please leave those alone as well. Anything in between the comments; You can start editing here and Stop editing is alright to edit/correct. Thanks |
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:
|
Test Section B + | ||||||||||||||||||||||||||||||||||||||||||||||||||
Main | ||||||||||||||||||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||||||||||||||||||
|
Game Equipment [ edit ] | |||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Hunting (Attack1) | Hunting (Attack2) | ||||||||||||||||||
|
|
Hunting (Attack3) | Hunting (Attack4) | ||||||||||||||||||
|
|
Hunting (Attack5) | Stamina (Stam1)" | ||||||||||||||||||
|
|