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.
