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 [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en.
