www.webdeveloper.com
Results 1 to 3 of 3

Thread: List Item Bullets in wrong position in IE

  1. #1
    Join Date
    Jul 2010
    Posts
    28

    List Item Bullets in wrong position in IE

    Hi, im having a few problems with bullets on a webpage ive made.... see link below:

    http://www.thestudio-ct.co.uk/results.php?eventid=26

    When I view this page with IE7 the bullets for each of the <li>'s seem to have some funny margin, about -10px from the right hand side of the text that should come after it... any ideas whats causing this? ive looked through my code and cannot see.

    Here is the code that makes these along with CSS:

    PHP Code:
    $results3 mysql_query("SELECT name, position FROM results WHERE category = '$row2[0]' AND class = '$row2[1]' AND eventid = {$eventid} ORDER BY position"$connection);
                    if (!
    $results3) {
                        die(
    "Database query failed: " mysql_error());
                    }
                    
                    echo 
    "<ul class='results'>";

                    while (
    $row3 mysql_fetch_array($results3)) {
            
                        echo 
    "<li><div class='resultname'>" htmlspecialchars($row3[0]) . "</div><div class='resultplace'>" show_ordinal($row3[1]) . "</div></li>";
                    }
                    
                    echo 
    "</ul></div>"
    Code:
    ul.results li {
    height:20px;
    list-style-image:url(images/bullet.png);
    border-bottom:1px solid #222;
    margin:0 0 5px -30px;
    }

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Code:
    .resultplace {
    float:right;
    display:inline;
    }
    .resultname {
    display:inline;
    }
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Jul 2010
    Posts
    28
    thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles