Le 25 déc. 2009 à 03:27, lictor4 a écrit :
> 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?
>
i think so :)
Remi
>
> 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.
>
>
--
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.
