On Wed, Jan 28, 2015 at 7:58 PM, D Mark Weiss <dadwe...@mac.com> wrote: > Thank you so much. > > > David's example works. > > Here is an example of the page. Sometimes I have 5 tabs and sometimes I have > 3 or 4. > > The names are the students who have completed that tab. > > I am trying to put the names so that they all align along the bottom. > > My concern with assigning "left" is how to calculate that number. I was > hoping for an approach that automatically put the divs side by side and also > centered them within the div for each tab. > > Take a look and tell me if I am totally crazy.... > > http://itls.usu.edu/~dweiss/example.jpg > > Thank you for your help so far. I was close, but not quite there. > > Mark > dmark.we...@usu.edu > > > > > > On Jan 28, 2015, at 2:32 PM, Tom Livingston <tom...@gmail.com> wrote: > > On Wed, Jan 28, 2015 at 4:31 PM, Tom Livingston <tom...@gmail.com> wrote: > > <html xmlns="http://www.w3.org/1999/xhtml <http://www.w3.org/1999/xhtml>"> > <head> > > <style type="text/css"> > .divOuter{ > display:inline; > text-align:bottom; > > > } > > .divInner1, .divInner2, .divInner3, .divInner4{ > -webkit-transform: rotate(-60deg); > -moz-transform: rotate(-60deg); > border: 1px dashed; > float:left; > width:160px; > height:20px; > margin-left:3px; > margin-right:3px; > position:relative; > } > </style> > </head> > <body> > <div style="margin-top:50px;position:fixed;" > <div class='divOuter'> > <div class='divInner1'>First DIV</div> > <div class='divInner2'>Second DIV</div> > <div class='divInner3'>Third </div> > <div class='divInner4'>fourth</div> > </div> > <div> > > > > > </body> > </html> > > > > Using the above code, in Chrome, the angled boxes were side-by-side > for me (with a wide enough window, of course). > > > > Though not as close together as David's example... > > -- > > Tom Livingston | Senior Front-End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > >
-- Chelsea Creek Studio http://ccstudi.com desktop | laptop | tablet | mobile ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
