WordPress.org

Ready to get started?Download WordPress

Forums

Extra space adding to the start of li item in 1E8 (5 posts)

  1. cmccarra
    Member
    Posted 3 years ago #

    Hello,
    IE8 seems to adding an extra space at the start of some of my list items putting them out of line with the rest. I've tried a lot of hacks or css fixes but none have worked so far.

    Heres the link: http://tearmann.net/your-options/legal-options/ in the second ul. Any help appreciated!

    Thanks

  2. cmccarra
    Member
    Posted 3 years ago #

    Any ideas? I think this got buried pretty quick...

  3. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    there seems to be a stray character in the code;

    here the html as the IE7 sees it:

    <ul>
    <li><strong>Child Custody Orders
</strong> </li>
    <li>
    <strong>Child Contact Orders</strong> </li>
    <li>
    
<strong>Maintenance Order</strong> </li>
    <li>
    
<strong>Legal Separation</strong> </li>
    </ul>

    (here just only visible as an extra space before the last two <strong> )

    maybe go into the html editor when editing your post/page, and try to change the entry to:

    <ul>
    <li><strong>Child Custody Orders
</strong></li>
    <li><strong>Child Contact Orders</strong></li>
    <li>
<strong>Maintenance Order</strong></li>
    <li>
<strong>Legal Separation</strong></li>
    </ul>
  4. cmccarra
    Member
    Posted 3 years ago #

    Hi Alchymyth,
    Yeh that extra space was suggested (http://www.cssnewbie.com/fixing-ie6-whitespace-bug/ - The first comment) as a fix to the problem but i didn't work, forgot to remove it.

    Here's some of the suggestions I've tried that haven't worked:

    http://www.scriptygoddess.com/archives/2007/02/16/extra-space-padding-with-list-items-in-ie/

  5. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    edit:
    forgot to take the spaces out (because firefox actually does not show this space):

    <ul>
    <li><strong>Child Custody Orders
</strong></li>
    <li><strong>Child Contact Orders</strong></li>
    <li><strong>Maintenance Order</strong></li>
    <li><strong>Legal Separation</strong></li>
    </ul>

    have you tried editing the page in html modus?

Topic Closed

This topic has been closed to new replies.

About this Topic