Difference between revisions of "User:DavidAHare/ActualTest Page"

Revision as of 15:36, 28 August 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

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

Test Section B +

Main

ITEM TYPE	ITEM NAME	HELLFORGE LVL	CRAFTED LVL	BORROWED BY
Gloves	[[]]		Average	DavidAHare
Helmets	[[]]		Average	DavidAHare
Amulets	[[]]		Average	DavidAHare
Weapons	Halbred of Aspel		Average	DavidAHare
Armor	Armor of Maesoa		Average	DavidAHare
Shields	[[]]	{{}}	{{}}	DavidAHare
Rings	[[]]		Average	DavidAHare
Boots	Tirkin Kicking Boots		Average	DavidAHare
Runes	[[]]		Average	[1]

Test Section C +

Backpack +

Main +

Main

AboveVLvL Pack +

AboveVLvL Pack

Flaming Baron Set +

Flaming Baron Set

ITEM TYPE	ITEM NAME	HELLFORGE LVL	CRAFTED LVL	BORROWED BY
Gloves	none	[none]	[none]	none
Helmets	Flaming Baron Helm		Perfect	DavidAHare
Amulets	none	[none]	[none]	none
Weapons	Flaming Baron Sword		Perfect	DavidAHare
Armor	none	[none]	[none]	none
Shields	Flaming Baron Sword		Excellent	DavidAHare
Rings	none	[none]	[none]	none
Boots	none	[none]	[none]	none
Runes	none	[none]	[none]	none

GuildLocked Pack +

GuildLocked Pack

QuestItms Pack +

QuestItms Pack

Potion Pack +

Potion Pack

Components +

</center>

@@ Line 5: / Line 5: @@
 |-
 {| style="width:100%; <!--border:1px solid #f00;--> border-top:0px; -moz-border-radius:0px 0px 15px 15px; padding:5px" align="center"
-| colspan="3" width="50%" style="background-color:#e5c173; border:1px solid #000; -moz-border-radius:15px 15px 0px 0px" align="left" valign="top" |
+| colspan="14" width="50%" style="background-color:#e5c173; border:1px solid #000; -moz-border-radius:15px 15px 0px 0px" align="left" valign="top" |
 <!--Any thing between this comment and the next comment can be edited-->
 {{User:DavidAHare/Test Page Section A}}
+|-
-<!--Any thing between this comment and the above comment can be edited-->
+|
-<!--Any thing between this comment and the next comment do not edit-->
+|-
+<!--Any thing between this comment and the above comment can be edited. Any thing between this comment and the next comment do not edit-->
 |-
 |
 |-
 | width="50%" style="background-color:#e5c173; border:1px solid #000; -moz-border-radius:0px 0px 0px 15px" align="left" valign="top" |
-<!--Any thing between this comment and the above comment do not edit-->
+<!--Any thing between this comment and the above comment do not edit.  Any thing between this comment and the next comment can be edited-->
-<!--Any thing between this comment and the next comment can be edited-->
 {{User:DavidAHare/Test Page Section B}}
-<!--Any thing between this comment and the above comment can be edited-->
+<!--Any thing between this comment and the above comment can be edited.  Any thing between this comment and the next comment do not edit-->
-<!--Any thing between this comment and the next comment do not edit-->
 ||
 | style="width:50%; background-color:#e5c173; border:1px solid #000; -moz-border-radius:0px 0px 15px 0px" align="center" valign="top" |
-<!--Any thing between this comment and the above comment do not edit-->
+<!--Any thing between this comment and the above comment do not edit.  Any thing between this comment and the next comment can be edited-->
-<!--Any thing between this comment and the next comment can be edited-->
 {{User:DavidAHare/Test Page Section C}}
-<!--Any thing between this comment and the above comment can be edited-->
+<!--Any thing between this comment and the above comment can be edited.  Any thing below this comment do not edit-->
-<!--Any thing below this comment do not edit-->
 |-
 |}

Difference between revisions of "User:DavidAHare/ActualTest Page"

Revision as of 15:36, 28 August 2008

Tables

Collapsing

'collapsed by default'

'autocollapse'

'innercollapse' and 'outercollapse'

Sortable tables

Scroll boxes

Scroll boxes

Navigation menu

Views

Personal tools

Navigation

Search

Toolbox