Wow, I wasent even expecting a comment on this. I cant wait to try this in the morning.
Design Architect for Digital Research? This sounds interesting. I cant wait to show you what I am doing with the timeline. Do you have a private email address? Thanks Jeff Roehl [email protected] (818) 912-7530 >________________________________ > From: Jeremy Boggs <[email protected]> >To: [email protected] >Sent: Wednesday, May 23, 2012 5:47 PM >Subject: Re: [Simile-Widgets] Center visible date line in a timeline > >On May 23, 2012, at 6:43 PM, Jeff Roehl wrote: > >> Does anybody know how to draw a line (hopefully red) vertically through the >> timeline? >> >> The line would not move with the timeline but would remain centered on the >> center date (the visible center). > >You can do this with CSS, using the :after pseudo selector. This worked for me >on a test timeline: > >.timeline-container:after { > content: ""; > position:absolute; > top:0; > left: 50%; > width: 2px; /* However thick you want the line to be. */ > margin-left: -1px; /* Half the width, to put the line in the exact center. */ > height: 250px; /* However tall your timeline container is. */ > background-color: red; > z-index:1000; /* Ensures the line shows above other timeline content. */ >} > >You could probably also just add an extra div to the timeline's container and >style it like this, if you need to support IE 7 and earlier (which doesn't >support the :after pseudo selector). > >Best, >Jeremy > >-- >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. > > > > -- 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.
