hi Steve,
maybe that way?
(using music sample):
<body onclick="console.log('Hello', event.target);">
<div class="toolbar">
<h1 id="pageTitle"></h1>
<a id="backButton" class="button" href="#"></a>
<a class="button" href="#searchForm">Search</a>
</div>
<div id="toolbar2" class="toolbar">
<h1>Second bar</h1>
<a class="button backButton" href="#">Options</a>
<a class="button" href="#searchForm">Search</a>
</div>
<ul id="home" title="Music" selected="true">
<li><a href="#artists">Artists</a></li>
<li><a href="#settings">Settings</a></li>
<li><a href="stats.php">Stats</a></li>
<li><a href="http://code.google.com/p/iui/";
target="_self">About</a></li>
<li>Nothing</li>
</ul>
and small custom .css for inclusion:
body > *:not(.toolbar) {
top: 90px;
}
#toolbar2 .toolbar > h1 {
position: relative;
}
body[orient="landscape"] > #toolbar2 .toolbar > h1 {
margin-left: -125px;
width: 250px;
}
#toolbar2 .button {
position: absolute;
top: 53px;
}
#toolbar2 .backButton {
left: 6px;
right: auto;
padding: 0;
max-width: 55px;
border-width: 0 8px 0 14px;
-webkit-border-image: url(../iui/backButton.png) 0 8 0 14;
}
regards,
Peter
On Jan 28, 6:26 pm, "Steve Finkelstein" <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> My index page is very simple. I have a bunch of linked lists which
> call PHP scripts that iUI handles all the routing in. For instance, I
> have something that resembles the following:
>
> <li class="patient_list"><a href="/ajax/patients.php">Patient
> List</a></li>
>
> When clicking on that, patients.php gets pulled on screen. My
> question is, how do I add a second toolbar on patients.php to mesh in
> with the original <div class="toolbar">. I'd like to nest it right
> below the other one. Unfortunately because of the way CSS selectors
> are used in iui.css, I can't just do:
>
> <div class="toolbar2">
> ... stuff
> </div>
>
> and my usual server-side generated unordered list with all the respective
> items.
>
> If I get rid of the <div></div> my list looks wonderful. I just am not
> sure how to properly insert the second toolbar above the list.
>
> - sf
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
