Peekaboo Multi Tab Left Side 1.0.0

[Pebble with a long user name.]

Code updates here:

[Pebble with a long user name.]

www.proboards.com/library/plugins/item/182

[Pebble with a long user name.]

After a few questions about aligning contents of the tables I thought it easier to put a HTML & CSS example here:

Table 1 content
For the table1 content, add this to your content in the plugin:

<table id="mycontent1">
<tr>
 <th class="titlecss">Title 1</th>
</tr>
<tr>
 <td>
   Here is the text content that you want to add.
     Here is the text content that you want to add.
     Here is the text content that you want to add.
     Here is the text content that you want to add.
     Here is the text content that you want to add.
     Here is the text content that you want to add.
 </td>

</tr>
   <th class="titlecss">Title 2</th>
       
<tr>
 <td> And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
 </td>

</tr>
   
   <th class="titlecss">Title 3</th>    
<tr>
 <td> And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
    And here is some more text content.
 </td>

</tr>
</table>
And then add this to the bottom of your CSS style sheet:



   #mycontent1{
       color: #000000;
       width:300px;
       border: 1px solid black;
       float:right;
   }
   #mycontent1 td{
       border: 1px solid blue;
               text-align:left;
   }
   .titlecss{
       background-color: #1627ab;
       color: #FFFFFF;
       text-align:center;
   }