easy way - dash/dot tape lines

37 views
Skip to first unread message

David Van Fleet

unread,
Jun 24, 2012, 5:13:51 PM6/24/12
to simile-...@googlegroups.com
Is there an easy way to have the tape show up as a dashed or dotted line?
my searches yield discussions of this but the code seems too much for me. 
this what I've got thus far

http://www.west.asu.edu/vanfleet/history/time-test-3.htm


S.E. Morris

unread,
Jun 26, 2012, 9:00:09 AM6/26/12
to SIMILE Widgets
Not tested these solutions, but given them a try...

Using CSS you can forcibly unset the background colour of the style
attribute (note the !important flag) and set it to an image with the
required pattern.

.timeline-event-tape {
background-image: url('dash.png');
background-color: Inherit !important;
}

Alternatively you could force the <div> height to be 0px, and set a
thick border to be dashed or dotted, so:

.timeline-event-tape {
height: 0px !important;
border: 4px 0px 0px 0px;
border-style: dashed;
}


Simon


border-style:solid;

David Van Fleet

unread,
Jun 26, 2012, 1:23:18 PM6/26/12
to simile-...@googlegroups.com
Wonderful!
thanks a bunch



--
You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group.
To post to this group, send email to simile-...@googlegroups.com.
To unsubscribe from this group, send email to simile-widget...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en.


Reply all
Reply to author
Forward
0 new messages