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.
