Difference between revisions of "Code Documentation2"

Line 5: Line 5:
  
  
−
<div class="twoColumns">
+
<div class="twoColumns bacground_gray">
 
<h3> Two columns </h3>
 
<h3> Two columns </h3>
 
</div>
 
</div>
  
  
−
<div class="twoColumns">
+
<div class="twoColumns bacground_gray">
 
<h3> Two columns </h3>
 
<h3> Two columns </h3>
 
</div>
 
</div>

Revision as of 19:06, 18 November 2015

×

Loading ...

Two columns

Two columns

Tables

Tables created within in a page already have styling and will display:

Header 1 Header 2
Content A 1 Content B 1
Content A 2 Content B 2 
<table> 

<tr> 
<th>  Header 1  </th>  <th>  Header 2 </th> 
</tr> 

<tr>  
<td>  Content A 1 </td>  <td> Content B 1 </td>  
</tr> 

<tr> 
<td>  Content A 2 </td>  <td> Content B 2 </td> 
</tr> 

</table>

Button

BUTTON NAME 
<a href="Your link goes here ">
    <div class="button"> 	
        BUTTON NAME
    </div>
</a>

Why ? pop up

The ? button is used to provide a more detailed explanation

The answer code must be written in: https://2015.igem.org/Why_demo
Make sure you follow the naming convention " why_NAME "
NAME being the title you chose for your ? and its corresponding answer.

Also make sure that "which_why" and div id are the same so the button calls the correct answer.


X

Title

Text 



<span class="pop_why"  
onclick="which_why='why_NAME'">  
?  
</span> 




<div id="why_NAME"> <div class="pop_close">X</div> 

<h3>Title </h3> 
<p>Text</p> 

</div>