Adding an HTML Timeline to a Omeka Exhibit Page
32-daylight-savings-time.jpg

Here is the HTML used to create a alternating color table for a timeline.

<p style="text-align: center;">&nbsp;</p>
<table style="margin-left: auto; margin-right: auto;" width="80%" border="0" cellspacing="3" cellpadding="7px"><!-- Header Row (Grey Row) -->
<tbody>
<tr>
<td align="center" bgcolor="#C0C0C0">
<p style="font-family: verdana;">Date</p>
</td>
<td align="left" bgcolor="C0C0C0">
<p style="font-family: verdana;">Event</p>
</td>
</tr>
<!-- Event Row 1 (Purple Row) -->
<tr>
<td align="center" bgcolor="#CC99CC">
<p style="font-family: verdana;">add date</p>
</td>
<td align="left" bgcolor="CC99CC">
<p style="font-family: verdana;">add text</p>
</td>
</tr>
<!-- Event Row 2 (Grey Row) -->
<tr>
<td align="center" bgcolor="#C0C0C0">
<p style="font-family: verdana;">add date</p>
</td>
<td align="left" bgcolor="C0C0C0">
<p style="font-family: verdana;">add text</p>
</td>
</tr>
<!-- Event Row 3 (Purple Row) -->
<tr>
<td align="center" bgcolor="#CC99CC">
<p style="font-family: verdana;">add date</p>
</td>
<td align="left" bgcolor="CC99CC">
<p style="font-family: verdana;">add text</p>
</td>
</tr>
</tbody>
</table>
<!-- End of Table -->

Check it out: http://gvh.aphdigital.org/exhibits/show/nyurenewal/timeline

Contributed by Hester Goodwin

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License