While I agree with you in general, I think tables are sensible to use when you need a grid of things, and it seems like the criteria here is to have a 3x1 grid of charts.
- Sergey On Thu, Apr 17, 2014 at 2:18 PM, Andrew Gallant <[email protected]>wrote: > <rant class="opinionated unhelpful ignoreable"> > Tables should *never* be used for alignment. That was a necessary evil in > the pre-CSS days that has persisted far too long. > </rant> > > Don't use the "align" property - that wreaks havoc with the tooltips, and > is not supported in HTML5. Float your divs to make them line up: > > <div id="chart_bar" style = "width: 25%; float: left;"> > <div id="chart_bar1" style = "width: 50%; float: left;"> > <div id="char_pie" style = "width: 25%; float: left;"> > > On Thursday, April 17, 2014 1:31:18 PM UTC-4, Sergey wrote: > >> They are displaying vertically because divs have style display: block by >> default. Changing them to display: inline-block should help. Alternatively, >> you may want to consider using a table for your purposes. >> >> - Sergey >> >> >> On Thu, Apr 17, 2014 at 1:04 PM, <[email protected]> wrote: >> >>> I am using Google API visualization to create 2 bar charts and 1 pie >>> chart. I am trying to display the charts in the same row(Horizontally). I >>> have a space constraint here(i.e. 3 charts should be fitted in the page >>> horizontally). If I use div ids only the first chart is getting >>> displayed.Could someone help me on this please? >>> >>> <div id="left-wraparound"></div> >>> <div id="right-wraparound"></div> >>> </div></nav> >>> <div id="main"> >>> <div id="container" style = "width:100%"> >>> <p>Welcome <b>USer</b> - Charts </p> >>> <div id="chart_bar" align = "left" style = "width=25%"> >>> <div id="chart_bar1" align = "center" style = "width=50%"> >>> <div id="char_pie" align= "right" style = "width=25%"><html><head> >>> *Google API code* >>> </div> >>> </div>`enter code here` >>> </div> >>> </div> >>> </div> >>> >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Google Visualization API" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> >>> Visit this group at http://groups.google.com/ >>> group/google-visualization-api. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
