Oh ya I totally agree, I am a lil confused by your comments on adding
the .panel class...
Are you saying that I should have just added "class="panel"" to my
<form> tag in html?
Remi Grumeau wrote:
> Le 20 déc. 2009 à 17:40, lictor4 a écrit :
>
> > Thought I'd follow up on this issue incase anyone else has this
> > problem.
> > I thought I had one problem since lists and "panel" pages displayed
> > with the same type of error (unwanted padding on the left)
> > Remi was right (ofcourse, thank you!)
>
> :) thx a million !
>
> > The hierarchy must be structured
> > properly and adding an extra div around the list pages messed that up.
> > Just fix iui.css to reflect the change. Any where you see
> >
> > body > ul
> >
> > Change to: body > div > ul
> >
> > I also had to add:
> >
> > body > div > ul {
> > margin: 0;
> > padding: 0;
> > }
>
> if you do this change in music sample, you'll see the mess this modification
> could make…
> if i were you, i'd rather change
> body > ul
> { … }
>
> by
>
> body > ul,
> body > div > ul
> { … }
>
> >
> > On my .panel pages I had added a <form> tag so anything that looked
> > like:
> > .panel > fieldset
> > Had to be changed to:
> > .panel > form > fieldset
>
> that why body > div > ul is a bad move, instead of body > *:not(.toolbar)
> cause you can add the class="panel" to <ul>, <div> or <form>
>
> > All in all it was only about 1/2 dozen lines to change (in .3 anyway)
>
> trust me: to avoid if possible...
>
> >
> > lictor4 wrote:
> >> Better? Yes but...
> >> My issue is that I need to keep that extra div surrounding the current
> >> view. My site is php generated so there is a lot of different pages
> >> and view so the extra div simplifies a lot of things but also this one
> >> negative side affect.
> >>
> >> I'm sure there is a way to have both, I'm just not very great at
> >> javascript yet...
> >>
> >> Thanks again for any help with this,
> >> Swj
> >>
> >> Remi Grumeau wrote:
> >>> better ?
> >>>
> >>> <body>
> >>> <div class="toolbar">
> >>> <h1 id="pageTitle"></h1>
> >>> <a id="backButton" class="button" href="#"></a>
> >>> <a class="button" href="#searchForm">Search</a>
> >>> </div>
> >>>
> >>> <form method="post" action="/mail/167048/txtnow_s/"
> >>> id="/167048/txtnow/" title="Send Message" class="page" selected="true">
> >>> <h2>Send Text Message</h2>
> >>> <fieldset>
> >>> <div class="row">
> >>> <label>Message:</label>
> >>> <input size="15" maxlength="155" format="text"
> >>> value="" name="d"/>
> >>> </div>
> >>>
> >>> <div class="row">
> >>> <label>Your 10 digit mobile number:</label>
> >>> <input size="15" maxlength="10"
> >>> style="-wap-input-format: "10N" " format="text" name="c_zip"
> >>> value="1234564323"/>
> >>> </div>
> >>> </fieldset>
> >>> <input type="submit" accesskey="1" value="Send"/>
> >>> </form>
> >>>
> >>>
> >>> Remi
> >>>
> >>> Le 27 nov. 2009 à 17:48, lictor4 a écrit :
> >>>
> >>>> Hi
> >>>> I having trouble getting my site to display in full width like the iUI
> >>>> examples. The <li> don't display all the way to the left and
> >>>> everything seems to be centered a bit to the right. I realize that the
> >>>> problem is the extra DIV that I have surrounding my panels but I can't
> >>>> figure out how to keep that div and have things displaying normally at
> >>>> the same time. Have a look at my code below:
> >>>> <code>
> >>>>
> >>>> <?xml version="1.0" encoding="UTF-8"?>
> >>>> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN"
> >>>> "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd";>
> >>>> <html xmlns="http://www.w3.org/1999/xhtml"; lang="en">
> >>>> <head><title>Send Message</title><meta name="viewport"
> >>>> content="width=320; initial-scale=1.0; maximum-scale=1.0; user-
> >>>> scalable=0;"/>
> >>>> <style type="text/css" media="screen">@import "/javascript/iui/
> >>>> iui.css";</style>
> >>>> <script type="application/x-javascript" src="/javascript/iui/iui.js"></
> >>>> script>
> >>>> <meta name="description" content="Tmoda helps you connect with the
> >>>> businesses and products in your community."/>
> >>>> </head><body> <div class="toolbar">
> >>>> <h1 id="pageTitle"></h1>
> >>>> <a id="backButton" class="button" href="#"></a>
> >>>> <a class="button" href="#searchForm">Search</a>
> >>>> </div>
> >>>> <div id="/167048/txtnow/" title="Send Message" class="page"
> >>>> selected="true
> >>>> <h2>Send Text Message</h2>
> >>>> <form method="post" action="/mail/167048/txtnow_s/"><fieldset>
> >>>> <div class="row"><label>Message:</label><input size="15"
> >>>> maxlength="155" format="text" value="" name="d"/></div>
> >>>>
> >>>> <div class="row"><label>Your 10 digit mobile number:</label> <input
> >>>> size="15" maxlength="10" style="-wap-input-format: "10N" "
> >>>> format="text" name="c_zip" value="1234564323"/></div>
> >>>> </fieldset>
> >>>> <input type="submit" accesskey="1" value="Send"/>
> >>>> </form></div>
> >>>> <form id="searchForm" class="dialog" action="/index/">
> >>>> <fieldset>
> >>>> <h1>New Search</h1>
> >>>> <a class="button leftButton" type="cancel">Cancel</a>
> >>>>
> >>>> <a class="button blueButton" type="submit">Search</a>
> >>>>
> >>>> <label>City:</label>
> >>>> <input id="artist" type="text" name="a"/>
> >>>> <label>Keywords:</label>
> >>>> <input type="text" name="b"/>
> >>>> <input type="hidden" name="c" value="Businesses"/>
> >>>> <input type="hidden" name="submit" value="s"/>
> >>>>
> >>>> </fieldset>
> >>>> </form> </body></html>
> >>>>
> >>>> </code>
> >>>>
> >>>> My css and js are pretty much stock 0.40 iUI.
> >>>>
> >>>> Thanks for any suggestions
> >>>> swj
> >>>>
> >>>> --
> >>>>
> >>>> 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.
> >>>>
> >>>>
> >>>
> >>>
> >>> Remi Grumeau
> >>> (+33) 663 687 206
> >>> http://www.remi-grumeau.com
> >
> > --
> >
> > 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.
> >
> >
--
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.
