Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6

Thread: bullets in ie

  1. #1
    New Coder
    Join Date
    Mar 2006
    Posts
    66
    Thanks
    3
    Thanked 0 Times in 0 Posts

    bullets in ie

    Hi,

    I am noticing a quirk of ie6 and ie7 that doesn't occur in Firefox. The bullet on my <ul><li>'s are appearing on the last line of the <li> when the text spans more than one line. Anybody know how to fix this? I have attached a gif to demonstrate the problem.

    Thanks!
    Attached Thumbnails Attached Thumbnails bullets in ie-bullet_problem.gif  
    Chris Holbrook
    Freelance Designer and Musician
    Freelance Web Designer and Musician: Bristol, UK
    Visit my site: http://www.chrisholbrook.com

  • #2
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Post your code. We can't look at your code through an image.
    .
    .

  • #3
    New Coder
    Join Date
    Mar 2006
    Posts
    66
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ok. sorry. thought it might have been a common problem:

    Code:
    <ul>
                  <li>No other commonly prescribed ONS brand contains more calories, protein and carbohydrate per serving*</li>
                  <li>It provides 100% RNI of essential vitamins in just two servings*<sup>1</sup></li>
                  <li>Complan Shake was rated more pleasant to taste than other prescribable supplements in taste tests<sup>2</sup></li>
                  <li>It is half the price per serving of other commonly prescribed ONS brands<sup>3</sup></li>
    </ul>

    CSS from firebug inspection:

    Code:
    #main ul li {shake1.css (line 106)
    margin-left:30px;
    width:450px;
    }
    * {shake1.css (line 1)
    border:0pt none;
    margin:0pt;
    padding:0pt;
    }
    Inherited fromdiv#main
    #main {shake1.css (line 92)
    font-size:1.2em;
    line-height:1.5em;
    }
    Inherited frombody
    body {shake1.css (line 7)
    color:#663300;
    font-family:Arial,Helvetica,sans-serif;
    font-size:62.5%;
    }
    Cheers
    Chris Holbrook
    Freelance Designer and Musician
    Freelance Web Designer and Musician: Bristol, UK
    Visit my site: http://www.chrisholbrook.com

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,642
    Thanks
    6
    Thanked 1,005 Times in 978 Posts
    No code needed because there’s nothing wrong with it. It’s IE: http://www.satzansatz.de/cssd/onhavinglayout.html#list

  • #5
    New Coder
    Join Date
    Mar 2006
    Posts
    66
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks VIPStephan

    I have had a read through - very useful article. I take it the width properties were causing the <li>'s to 'have layout'. Have I interpreted this correctly?

    Thanks

    Chris
    Chris Holbrook
    Freelance Designer and Musician
    Freelance Web Designer and Musician: Bristol, UK
    Visit my site: http://www.chrisholbrook.com

  • #6
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,642
    Thanks
    6
    Thanked 1,005 Times in 978 Posts
    Did the article made you fix your problem? Yes, it was probably the width. Earlier in the article it’s stated which properties apply layout to an element: http://www.satzansatz.de/cssd/onhavinglayout.html#prop
    Better set the width of the list itself instead of each list item.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •