[Simile-Widgets] Formatting the bubble in Timeline

[ZermattMan]

I would like to format the bubble using a table layout. 
(I am using Timeline not Exhibit.)

I can do this by generating XML data looking like this:

<event id='e1'  start="Thursday, 29 February 1940, 12:00:00 AM" 
 title="1939 - Gone with the Wind"  icon= '../Media/speaker_on.png ' 
image="" >
    &lt;style&gt; h1, h4 {
    color: red;
    } &lt;/style&gt;
&lt;h1&gt; Academy Awards - 1939 &lt;/h1 &gt;

 

&lt;table  border="1" &gt; 
&lt;tr &gt; &lt;td &gt; Best Film: &#160;&#160;&#160;&#160; &lt;/td &gt; 
&lt;td &gt; &lt;h4&gt;   &#160;&#160;&#160;&#160; Gone With the Wind 
 &#160;&#160;&#160;&#160; &lt;/h4 &gt; &lt;/td &gt; &lt;/tr &gt;
&lt;tr &gt; &lt;td &gt; Best Actor: &#160;&#160;&#160;&#160; &lt;/td &gt; 
&lt;td &gt; &lt;h4&gt; &#160;&#160;&#160;&#160; Robert Donat  &lt;/h4 
&gt;&lt;/td &gt; &lt;/tr &gt;
&lt;tr &gt; &lt;td &gt; Best Actress: &#160;&#160;&#160;&#160; &lt;/td &gt; 
&lt;td &gt; &lt;h4&gt; &#160;&#160;&#160;&#160; Vivien Leigh  &lt;/h4 &gt; 
&lt;/td &gt; &lt;/tr &gt;
&lt;/table &gt;

 

&lt;br /&gt; &lt;br /&gt; &lt;br&gt;OSCAR&lt;br /&gt;&lt;br /&gt; &lt;a 
href=&quot; https://www.youtube.com/embed/v/h2oX0zQA67U &quot;  target = 
&quot; _blank &quot;&gt;See it on You Tube&lt;/a&gt;
</event>


 This is obviously cumbersome, difficult to read etc.

I believe I should be able to use CSS and a class statement to replace all 
that HTML stuff. Is this right and can someone point me to a description of 
"How"?

You can see where this used here: 

http://www.timelinecontinuum.com/akm1207.aspx


TIA


-- 
You received this message because you are subscribed to the Google Groups 
"SIMILE Widgets" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to simile-widgets+unsubscr...@googlegroups.com.
To post to this group, send email to simile-widgets@googlegroups.com.
Visit this group at http://groups.google.com/group/simile-widgets.
For more options, visit https://groups.google.com/d/optout.