User:Wayne Decatur/Sandbox Controlled Applet Layout: Difference between revisions

From Proteopedia
Jump to navigationJump to search
Wayne Decatur (talk | contribs)
New page: ==Introduction== WikiTable Markup {| | A | B |- | C | D |} HTML Tables <table width="200" border="1"> <tr> <td>A</td> <td>B</td> </tr> <tr> <td>C</td> <td>D</td> ...
 
Wayne Decatur (talk | contribs)
 
(11 intermediate revisions by the same user not shown)
Line 2: Line 2:
WikiTable Markup
WikiTable Markup


The wiki markup code:
<pre><nowiki>
{|
| A
| B
|-
| C
| D
|}
</nowiki></pre>
How it looks:
{|  
{|  
| A
| A
Line 12: Line 24:


HTML Tables
HTML Tables
<table width="200" border="1">
The markup code:
<pre><nowiki>
<table>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
</table>
</nowiki></pre>
 
How it looks:
<table>
   <tr>
   <tr>
     <td>A</td>
     <td>A</td>
Line 20: Line 47:
     <td>C</td>
     <td>C</td>
     <td>D</td>
     <td>D</td>
  </tr>
</table>
==Examples Using WikiTable Markup==
Three Jmol Applets - Two Side by Side
{|
| <applet load='1d66' size='300' frame='true' align='right' caption='A' />
| <applet load='1d66' size='300' frame='true' align='right' scene='Green_Fluorescent_Protein/1ema_gfp_default/2' caption='B' />
|-
|
| <applet load='1d66' size='300' frame='true' align='right' caption='C' />
|}
Three Jmol Applets - All vertical - USING WikiTable Markup
{|
| <applet load='1d66' size='300' frame='true' align='right' caption='A' />
|-
| <applet load='1d66' size='300' frame='true' align='right' scene='Green_Fluorescent_Protein/1ema_gfp_default/2' caption='B' />
|-
|<applet load='1d66' size='300' frame='true' align='right' caption='C' />
|}
==Examples Using HTML Markup==
Three Jmol Applets - Two Side by Side
<table>
  <tr>
    <td><applet load='1d66' size='300' frame='true' align='right' caption='A' /></td>
    <td><applet load='1d66' size='300' frame='true' align='right' scene='Green_Fluorescent_Protein/1ema_gfp_default/2' caption='B' /></td>
  </tr>
  <tr>
    <td> </td>
    <td><applet load='1d66' size='300' frame='true' align='right' caption='C' /></td>
  </tr>
</table>
Three Jmol Applets - All vertical - USING WikiTable Markup
{|
|
|-
| <applet load='1d66' size='300' frame='true' align='right' scene='Green_Fluorescent_Protein/1ema_gfp_default/2' caption='B' />
|-
|<applet load='1d66' size='300' frame='true' align='right' caption='C' />
|}
<table>
  <tr>
    <td><applet load='1d66' size='300' frame='true' align='right' caption='A' /></td>
  </tr>
  <tr>
    <td><applet load='1d66' size='300' frame='true' align='right' caption='B' /></td>
  </tr>
  <tr>
    <td><applet load='1d66' size='300' frame='true' align='right' caption='C' /></td>
   </tr>
   </tr>
</table>
</table>

Latest revision as of 02:35, 21 November 2010

Introduction

WikiTable Markup

The wiki markup code:

{| 
| A
| B
|-
| C
| D
|}

How it looks:

A B
C D


HTML Tables The markup code:

<table>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
</table>

How it looks:

A B
C D


Examples Using WikiTable Markup

Three Jmol Applets - Two Side by Side

A

Drag the structure with the mouse to rotate

B

Drag the structure with the mouse to rotate

C

Drag the structure with the mouse to rotate


Three Jmol Applets - All vertical - USING WikiTable Markup

A

Drag the structure with the mouse to rotate

B

Drag the structure with the mouse to rotate

C

Drag the structure with the mouse to rotate

Examples Using HTML Markup

Three Jmol Applets - Two Side by Side

A

Drag the structure with the mouse to rotate

B

Drag the structure with the mouse to rotate

C

Drag the structure with the mouse to rotate


Three Jmol Applets - All vertical - USING WikiTable Markup

B

Drag the structure with the mouse to rotate

C

Drag the structure with the mouse to rotate

A

Drag the structure with the mouse to rotate

B

Drag the structure with the mouse to rotate

C

Drag the structure with the mouse to rotate

Proteopedia Page Contributors and Editors (what is this?)

Wayne Decatur