Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › how to remove bullets for IE8

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 27, 2011 at 10:46 am #34932
    collinsn
    Member

    I’m having a problem removing bullets from navigation menu for IE8, it displays well in FF and Chrome but does not seem to work for IE8. Please help.

    Here is the code:


    

    

    
#nav	{
    
position: relative;
    
margin: 1px auto;
    
height: 36px;
    
padding: 2px;
    
}
    
#navigation {
    
position: relative;
    
margin: auto;
    
background-image: url(images/nav-back.jpg);
    
background-repeat: repeat-x;
    
left: 0;
    
right: 0;
    
}
    

    
#nav ul li a {
    
color: #fff;
    
text-decoration: none;
    
font-weight: bold;
    
font-size: 12px;
    
}
    

    
#nav ul {
    
position: relative;
    
width: 1100px;
    
margin: auto;
    
#nav ul li	{
    
float: left;
    
padding: 3px 8px;
    
list-style: none !important;
    
}
    
#navigation #nav ul li	{
    
list-style: none !important;
    
}
    October 27, 2011 at 11:05 am #89757
    collinsn
    Member

    These are the styles for the general bullets:

    ul li {
    
list-style: url(images/bullet.gif);
    
line-height: 2em;
    
}

    October 28, 2011 at 12:01 pm #89839
    takeiteasy04
    Member

    Could it be because there’s no closing bracket for “#nav ul”?

    Example, change this:

    #nav ul {
    
position: relative;
    
width: 1100px;
    
margin: auto;
    
#nav ul li      {
    
float: left;
    
padding: 3px 8px;
    
list-style: none !important;
    
}

    To this:

    #nav ul {
    
position: relative;
    
width: 1100px;
    
margin: auto;
    
}
    
#nav ul li      {
    
float: left;
    
padding: 3px 8px;
    
list-style: none !important;
    
}
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.