Sign in to follow this  

Multiple Widgets Aligned Horizontally

Recommended Posts

I'm trying to create rows of 3 AngularGauge.swf objects but I can't seem to figure out how to align them side by side. If I create 3 charts using div tags and myChart.setDataURL and myChart.render, the widgets are arranged under each other.


How could I arrange them horizontally?



Share this post

Link to post
Share on other sites

That's because all block <div>s by default are 100%. 2 ways to approach the problem. The outdated way is to make a 3-column table. The "modern" way is to use something like this:


<div id="left" style="width:200px; float:left; border:1px solid black;">LEFT</div>
<div id="right" style="width:200px; float:right; border:1px solid red;">RIGHT</div>
<div id="middle" style="border:1px solid blue;">MIDDLE</div>


Season to taste. ;]

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this