Tuesday, 20 August 2013

Align clocks horizontally on a webpage

Align clocks horizontally on a webpage

I want clocks displaying different time zones on a webpage that i am
designing.For this,i have embedded the javascript files from a webiste
called qlock.The HTML code is as follows:
<script type="text/javascript">
qlock_city_name="Adelaide";
qlock_gmt_offset=9.5;
qlock_bg_color="#000000";
qlock_text_color="#ffffff";
qlock_dst_week1=1;
qlock_dst_dow1=7;
qlock_dst_month1=10;
qlock_dst_week2=1;
qlock_dst_dow2=7;
qlock_dst_month2=4;
</script>
<script type="text/javascript"
src="http://www.qlock.com/live/qlock.js"></script>
<script type="text/javascript"><!--
qlock_city_name="Melbourne";
qlock_gmt_offset=10;
qlock_bg_color="#000000";
qlock_text_color="#ffffff";
qlock_dst_week1=1;
qlock_dst_dow1=7;
qlock_dst_month1=10;
qlock_dst_week2=1;
qlock_dst_dow2=7;
qlock_dst_month2=4;
//--></script>
<script type="text/javascript"
src="http://www.qlock.com/live/qlock.js"></script>
What this does is display the clocks of Adelaide and Melbourne one below
the other. Is there any way to display them horizontally right next to
each other?

No comments:

Post a Comment