<div>
 <a href="https://filedb.experts-exchange.com/incoming/2011/12_w53/534412/Capture.JPG" target="_blank" title="events timeline (32 KB)"><img alt="events timeline" class="file-block lazyload" style="max-width: 793px;" data-src="https://filedb.experts-exchange.com/incoming/2011/12_w53/534412/Capture.JPG" /></a><br />
Attached you will see an example of the events timeline.<br />
Problem is visible for 07:00 - 08:00 time frame. There are two events there, one of them should be displayed beneath each other.<br />
<br />
Can I achieve this?
</div>


events timelinehttps://filedb.experts-exchange.com/incoming/2011/12_w53/534412/Capture.JPG
Attached you will see an example of the events timeline.
Problem is visible for 07:00 - 08:00 time frame. There are two events there, one of them should be displayed beneath each other.

Can I achieve this?

Capture.JPG

<div>
I tried to this myself but with no real success.<br />
<br />
I doubled the height of the timeline using CSS, and tried changing the float to make the boxes stack under each other but with no success.
</div>


I tried to this myself but with no real success.

I doubled the height of the timeline using CSS, and tried changing the float to make the boxes stack under each other but with no success.

<div>
try this,<br />
<br />
<a href="http://bytes.com/topic/javascript/answers/857077-seperating-overlapping-elements-events" rel="ugc">http://bytes.com/topic/javascript/answers/857077-seperating-overlapping-elements-events</a><br />
<br />
<a href="http://stackoverflow.com/questions/890585/calendar-offset-overlapping-events" rel="ugc">http://stackoverflow.com/questions/890585/calendar-offset-overlapping-events</a><br />
<br />
hope it will help you,
</div>


try this,

http://bytes.com/topic/javascript/answers/857077-seperating-overlapping-elements-events [http://bytes.com/topic/javascript/answers/857077-seperating-overlapping-elements-events]

http://stackoverflow.com/questions/890585/calendar-offset-overlapping-events [http://stackoverflow.com/questions/890585/calendar-offset-overlapping-events]

hope it will help you,

<div>
I am looking for an actual working solution. I spent to much time trying to achieve this myself.
</div>


I am looking for an actual working solution. I spent to much time trying to achieve this myself.

<div>
<div class="content wysiwyg-content">
Hello Experts,<br />
<br />
I am using the following JavaScript: <a href="http://www.cod3.net/timetable/" rel="ugc">http://www.cod3.net/timetable/</a><br />
to display events.<br />
<br />
Problem appears when I have events in the same day, in the same time-frame (hour), they are overlapping each other.<br />
<br />
The interface that I am aiming for is displaying same time-frame events each under each other.<br />
<br />
Is this possible?<br />
<br />
Thank you!
</div>
</div>


Hello Experts,

I am using the following JavaScript: http://www.cod3.net/timetable/
to display events.

Problem appears when I have events in the same day, in the same time-frame (hour), they are overlapping each other.

The interface that I am aiming for is displaying same time-frame events each under each other.

Is this possible?

Thank you!

Timeline with events in same time

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.