On Apr 23, 12:43 pm, rhodebump <[email protected]> wrote:
> I would like to put 4 buttons in the toolbar. Anytime I add more
> than one link, only the last button that I add gets displayed.
> Here's a example of what I am trying:
> <div class="toolbar">
> <a id="backButton" class="button" action="index"></a>
> <a class="button" target="_self" href="button1.html">1</a>
> <a class="button" target="_self" href="button2.html">2</a>
> <a class="button" target="_self" href="button3.html">3</a>
> <a class="button" target="_self" href="button3.html">4</a>
> <h1 id="pageTitle"></h1></div>
>
Most people just use one button up there. The iui.css is stacking your
buttons. More than one will really kill title header real-estate. Fix
below but you should consider other places for the links of your
buttons instead.
Paste the following into a new .css called "more_buttons.css" or
something like that. Then link the new css to your index BELOW THE
LINK TO IUI.CSS. It is very important that it goes below the other
link!!!!!!!!! If you want to adjust the spacing between your buttons
adjust where it says 6px.
.button {
margin:8px 6px;
position:static;
float:right;
}
Alternately you could add this to your copy of iui.css below the
first .button class, but then you would have to redo this each time
you upgrade versions of iUI.
Hope this helps!!!!
;-)
Vic
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
