I'm trying to put them in the middle of the page inside one of the rows. Right after I posted I realized the mistake with having the multiple back buttons. I don't actually need a back button at all. Just the 4 blueButtons as you have noted below. And using the ul/li with the CSS should put them side by side?
thanks. Scott On Apr 3, 11:27 am, Remi Grumeau <remi.grum...@gmail.com> wrote: > Using a ul/li combinaison? > > <div class="row> > <ul class="inlinebuttons"> > <li><a id="backButton" class="button" href="#"></a></li> > <li><a class="button blueButton" href="#">--</a></li> > <li><a class="button blueButton" href="#">-</a></li> > <li><a class="button blueButton" href="#">+</a></li> > <li><a class="button blueButton" href="#">++</a></li> > </ul> > </div> > > then with some CSS > ul.inlinebuttons { > width: 100%;} > > ul.inlinebuttons li { > display: inline; > > } > > But where do you want those buttons to be? In the page or in the toolbar? i > see backButton... you know you can only have one element with the same ID ? > > Remi > > > > On Tue, Apr 3, 2012 at 8:11 PM, sblair <s.bl...@ieee.org> wrote: > > I'm trying to figure out how to create multiple small buttons within a > > single row all side by side. > > > Basicallly I'm looking to have 4 buttons ( --, -, +, ++ ) in a > > single row in IUI. > > > I've tried doing this as these buttons are the perfect size, but it > > just ignored the row I was putting them at and put them in the first > > row at the top with them all piled on top of each other and not > > positioned next to each other. > > > <div class="row> > > <a id="backButton" class="button" href="#"></a> > > <a class="button blueButton" href="#">--</a> > > <a id="backButton" class="button" href="#"></a> > > <a class="button blueButton" href="#">-</a> > > <a id="backButton" class="button" href="#"></a> > > <a class="button blueButton" href="#">+</a> > > <a id="backButton" class="button" href="#"></a> > > <a class="button blueButton" href="#">++</a> > > </div> > > > Suggestions? > > > Thanks. > > Scott > > > -- > > You received this message because you are subscribed to the Google Groups > > "iPhoneWebDev" group. > > To post to this group, send email to iphonewebdev@googlegroups.com. > > To unsubscribe from this group, send email to > > iphonewebdev+unsubscr...@googlegroups.com. > > For more options, visit this group at > >http://groups.google.com/group/iphonewebdev?hl=en. -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to iphonewebdev@googlegroups.com. To unsubscribe from this group, send email to iphonewebdev+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.