LouPepin / iphone-universal

Automatically exported from code.google.com/p/iphone-universal
GNU Affero General Public License v3.0
0 stars 0 forks source link

Using <p> for section footer text breaks the <h1> selectors. (Fix included.) #23

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?

    <body>

        <div id="header">
            <h1>Header</h1>
        </div>

        <h1>My Header A</h1>
        <ul>
            <li>Item</li>
        </ul>
        <p>Section footer text.</p>

        <h1>My Header B (is way too big!)</h1>
        <ul>
            <li>Item</li>
        </ul>
        <p>Section footer text.</p>

    </body>

What is the expected output? What do you see instead?

I expected the <p> footers beneath each section to look like the footer text 
that most of the examples include. (And like the actual UITableView renders.) 
Instead, the <h1> styles get lost. They revert to the basic <h1>.

What version of the product are you using? On what operating system?

UiUIKit 1.1 on Mac OS X 10.6.8.

Please provide any additional information below.

The issue is that your "standard header on body" selector doesn't allow 
anything to precede the <h1> other than the div#header or a <ul>. You can add 
support for <p> tags to follow <ul>'s as section footers if you change this 
selector (line 40):

    /* standard header on body */
    div#header + h1, ul + h1 { ... }

to 

    /* standard header on body */
    div#header + h1, ul + h1, p + h1 { ... }

Original issue reported on code.google.com by zchar...@gmail.com on 22 Nov 2011 at 10:18