Just a guess, but you might try loading your uwaa.css styles *AFTER* your script to initialize the Timeline.
-Mark On Sep 21, 11:53 am, mark47 <markstew...@gmail.com> wrote: > Making good progress on our timeline, but I'm running into strange > behavior when I try to custom the look/spacing of the labels. > > Here's the work in > progress:http://www.washington.edu/alumni/timeline/simile/index.html > > I'm using this CSS to add a border and padding: > .timeline-event-label { > padding: 5px; > border: #fff 2px solid; > color: #fff; > > } > > Simile seems to correctly add the padding and border so that the > spacing between the different labels is good when first loaded. > > However, in Firefox and Chrome, if you scroll for left or right for a > bit, the spacing collapses - going to what it would be if the padding > and border weren't specified. In IE, it will display correctly briefly > then collapse before you scroll. You can still read them, but it > doesn't have the nice, airy spacing that we intended. > > I imagine it's some conflict in how the .js builds the layout. Is > there some way to add spacing elements within the timeline .js to > avoid this? (maybe with the event painter). I'm good with CSS, but > much less so with javascript. -- You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group. To post to this group, send email to simile-widg...@googlegroups.com. To unsubscribe from this group, send email to simile-widgets+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en.
