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

From Proteopedia
Jump to navigationJump to search
Wayne Decatur (talk | contribs)
No edit summary
Wayne Decatur (talk | contribs)
 
(5 intermediate revisions by the same user not shown)
Line 26: Line 26:
The markup code:
The markup code:
<pre><nowiki>
<pre><nowiki>
{|
<table>
<table width="200" border="1">
   <tr>
   <tr>
     <td>A</td>
     <td>A</td>
Line 40: Line 39:


How it looks:
How it looks:
<table width="200" border="1">
<table>
   <tr>
   <tr>
     <td>A</td>
     <td>A</td>
Line 52: Line 51:




==Examples==
==Examples Using WikiTable Markup==
Three Jmol Applets - Two Side by Side - 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' caption='A' />
| <applet load='1d66' size='300' frame='true' align='right' caption='B' />
| <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' />
| <applet load='1d66' size='300' frame='true' align='right' caption='C' />
|}
|}


Three Jmol Applets - All vertical - USING WikiTable Markup
Three Jmol Applets - All vertical - USING WikiTable Markup
Line 66: Line 67:
| <applet load='1d66' size='300' frame='true' align='right' caption='A' />
| <applet load='1d66' size='300' frame='true' align='right' caption='A' />
|-
|-
| <applet load='1d66' size='300' frame='true' align='right' caption='B' />
| <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' />
|<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>
</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