Difference between revisions of "Sandbox:Tables"

From fit-PC wiki
Jump to: navigation, search
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
== '''Test page - Tables''' ==
 
== '''Test page - Tables''' ==
 +
<!-- FIT-PC LOGO TABLE - OPTION 1 -->
 +
{| style="border: 1px solid;" style="width: 100%; height: 100px" cellpadding="10" cellspacing="0"
 +
|-
 +
| colspan="3" style="text-align: left;" style="background: none" |
 +
<h2 id="mp-itn-h2" style="margin:3px; background:#f5faff; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">Main fit-PC information and resource download center</h2>
 +
|-
 +
| align="center" | [[File:Fit-PC-logo_200x75.png]]
 +
| align="center" | [[File:Clean-Compulab-logo_200x97.png]]
 +
|}
  
 
<!-- TABLE 1 -->
 
<!-- TABLE 1 -->
Line 8: Line 17:
 
|-
 
|-
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
<!-- logo table start here -->
+
Place your content here
{| style="border: 1px solid;" style="width: 100%; height: 100px" cellpadding="10" cellspacing="0"
+
|-
+
| align="center" | [[File:Fit-PC-logo_200x75.png]]
+
| align="center" | [[File:Clean-Compulab-logo_200x97.png]]
+
 
|}
 
|}
<!-- logo table ends here -->
 
 
|}
 
|}
|}
 
 
  
 
<!--  TABLE 2 -->
 
<!--  TABLE 2 -->
Line 23: Line 25:
 
| class="MainPageBG" style="width:55%; border:1px solid #cedff2; background:#f5faff; vertical-align:top; color:#000;" |
 
| class="MainPageBG" style="width:55%; border:1px solid #cedff2; background:#f5faff; vertical-align:top; color:#000;" |
 
{| id="mp-left" style="width:100%; vertical-align:top; background:#f5faff;"
 
{| id="mp-left" style="width:100%; vertical-align:top; background:#f5faff;"
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#cedff2; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">Table 1</h2>
+
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#cedff2; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">Table 2</h2>
 
|-
 
|-
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
<!-- logo table start here -->
+
Place your content here
{| style="border: 1px solid;" style="width: 100%; height: 100px" cellpadding="10" cellspacing="0"
+
|-
+
| align="center" | [[File:Fit-PC-logo_200x75.png]]
+
| align="center" | [[File:Clean-Compulab-logo_200x97.png]]
+
 
|}
 
|}
<!-- logo table ends here -->
 
 
|}
 
|}
|}
 
 
  
 
<!--  TABLE 3 -->
 
<!--  TABLE 3 -->
Line 41: Line 36:
 
| class="MainPageBG" style="width:55%; border:1px solid #ddcef2; background:#faf5ff; vertical-align:top; color:#000;" |
 
| class="MainPageBG" style="width:55%; border:1px solid #ddcef2; background:#faf5ff; vertical-align:top; color:#000;" |
 
{| id="mp-left" style="width:100%; vertical-align:top; background:#faf5ff;"
 
{| id="mp-left" style="width:100%; vertical-align:top; background:#faf5ff;"
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#ddcef2; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:left; color:#000; padding:0.2em 0.4em;">Table 1</h2>
+
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#ddcef2; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:left; color:#000; padding:0.2em 0.4em;">Table 3</h2>
 
|-
 
|-
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
<!-- logo table start here -->
+
Place your content here
{| style="border: 1px solid;" style="width: 100%; height: 100px" cellpadding="10" cellspacing="0"  
+
|}
 +
|}
 +
 
 +
<!-- TABLE 4 -->
 +
{| id="mp-upper" style="width: 100%; margin:4px 0 0 0; background:none; border-spacing: 0px;"
 +
| class="MainPageBG" style="width:55%; border:1px solid #cef2e0; background:#ffffff; vertical-align:top; color:#000;" |
 +
{| id="mp-left" style="width:100%; vertical-align:top; background:#ffffff;"
 +
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#cef2e0; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3bfb1; text-align:left; color:#000; padding:0.2em 0.4em;">Table 4</h2>
 
|-
 
|-
| align="center" | [[File:Fit-PC-logo_200x75.png]]
+
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
| align="center" | [[File:Clean-Compulab-logo_200x97.png]]
+
Place your content here
 
|}
 
|}
<!-- logo table ends here -->
 
 
|}
 
|}
 +
 +
<!--  TABLE 5 -->
 +
{| id="mp-upper" style="width: 100%; margin:4px 0 0 0; background:none; border-spacing: 0px;"
 +
| class="MainPageBG" style="width:55%; border:1px solid #cedff2; background:#ffffff; vertical-align:top; color:#000;" |
 +
{| id="mp-left" style="width:100%; vertical-align:top; background:#ffffff;"
 +
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#cedff2; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">Table 5</h2>
 +
|-
 +
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 +
Place your content here
 +
|}
 +
|}
 +
 +
<!--  TABLE 6 -->
 +
{| id="mp-upper" style="width: 100%; margin:4px 0 0 0; background:none; border-spacing: 0px;"
 +
| class="MainPageBG" style="width:55%; border:1px solid #ddcef2; background:#ffffff; vertical-align:top; color:#000;" |
 +
{| id="mp-left" style="width:100%; vertical-align:top; background:#ffffff;"
 +
| style="padding:2px;" | <h2 id="mp-tfa-h2" style="margin:3px; background:#ddcef2; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:left; color:#000; padding:0.2em 0.4em;">Table 6</h2>
 +
|-
 +
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">
 +
Place your content here
 +
|}
 +
|}
 +
 +
 +
<!-- TABLE with IMAGES -->
 +
{| style="border: 1px solid; width: 100%; height: 100px" cellpadding="10" cellspacing="0" border="1"
 +
| align="center" | A
 +
| align="center" | B
 +
|}
 +
 +
 +
 +
{|style="width: 100%; height: 200px" border="1" cellpadding="10" cellspacing="0" align="center"
 +
|- style="vertical-align:middle;"
 +
! style="height:10px; width:100px; text-align:left;"  | Feature
 +
! style="height:10px; width:100px; text-align:center;" | Windows
 +
! style="height:10px; width:100px; text-align:center;" | Linux
 +
|-
 +
|style="height:10px; width:100px; text-align:left;"  | feature 1
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|-
 +
|style="height:10px; width:100px; text-align:left;"  | feature 2
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|-
 +
|style="height:10px; width:100px; text-align:left;"  | feature 3
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|-
 +
|style="height:10px; width:100px; text-align:left;"  | feature 4
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|-
 +
|style="height:10px; width:100px; text-align:left;"  | feature 5
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 +
|style="height:10px; width:100px; text-align:center;" | Yes/No
 
|}
 
|}

Latest revision as of 13:44, 28 May 2015

Test page - Tables

Main fit-PC information and resource download center

Fit-PC-logo 200x75.png Clean-Compulab-logo 200x97.png

Table 1

Place your content here

Table 2

Place your content here

Table 3

Place your content here

Table 4

Place your content here

Table 5

Place your content here

Table 6

Place your content here


A B


Feature Windows Linux
feature 1 Yes/No Yes/No
feature 2 Yes/No Yes/No
feature 3 Yes/No Yes/No
feature 4 Yes/No Yes/No
feature 5 Yes/No Yes/No