#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2010
    Posts
    2
    Rep Power
    0

    Hiding Bullets in Firefox


    Hi, I have a problem with a menu.
    I use joomla 1.5 and I create a sprite CSS menu as follow:

    Code:
    ul.menu-central { 
    width: 970px;
    display:inline;
    }
    
    ul.menu-central li {
    display:inline;
    }	
    ul.menu-central li a {
    	display: block; float:left; margin-left:5px; height: 80px; 
    	background-image: url((URL address blocked: See forum rules));  text-indent: -9999px;
    
    	
    }
    	ul.menu-central .item67 a {
    		width: 150px; background-position: -10px -9px;
    	}
    	ul.menu-central .item72 a {
    		width: 150px; background-position: -170px -9px;
    	}
    	ul.menu-central .item97 a {
    		width: 150px; background-position: -330px -9px;
    	}
    	ul.menu-central .item79 a {
    		width: 150px; background-position: -490px -9px;		
    	}
    	ul.menu-central .item98 a {
    		width: 150px; background-position: -650px -9px;		
    	}
    	ul.menu-central .item99 a {
    		width: 150px; background-position: -810px -9px;
    	}
    a { outline: none; }
    In IE the bullets of the list are hidden, instead in Firefox are visible.
    I try to put:
    list-style:none and list-style-type: none in the css code, but nothing has happened.
    Someone could you know how can I hide the bullets also in Firefox?
    Thank you
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2010
    Posts
    2
    Rep Power
    0

    Resolved


    Hi, Isolved the problem, there was a conflict with other code declaration in the stylesheet.

    thank you

IMN logo majestic logo threadwatch logo seochat tools logo