SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Sep 2006
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Why is it showing bullets with list-syle: none;

    I nearly have this tag cloud perfect on my blog, but I can't seem to get rid of the bullets. I know for 100% certain that it's some li declaration. I just don't see it.


    http://www.mdxlab.com

    Code:
    /* Begin Lists
    
    	Special stylized non-IE bullets
    	Do not work in Internet Explorer, which merely default to normal bullets. */
    
    html>body .entry ul {
    	margin-left: 0px;
    	padding: 0 0 0 30px;
    	list-style: none;
    	padding-left: 10px;
    	text-indent: -10px;
    	} 
    
    html>body .entry li {
    	margin: 7px 0 8px 10px;
    	}
    
    .entry ul li:before, #sidebar ul ul li:before {
    	content: "\00BB \0020";
    	}
    
    .entry ol {
    	padding: 0 0 0 35px;
    	margin: 0;
    	}
    
    .entry ol li {
    	margin: 0;
    	padding: 0;
    	}
    
    .postmetadata ul, .postmetadata li {
    	display: inline;
    	list-style-type: none;
    	list-style-image: none;
    	}
    	
    #sidebar ul, #sidebar ul ol {
    	margin: 0;
    	padding: 0;
    	}
    
    #sidebar ul li {
    	list-style-type: none;
    	list-style-image: none;
    	margin-bottom: 15px;
    	}
    
    #sidebar ul p, #sidebar ul select {
    	margin: 5px 0 8px;
    	}
    
    #sidebar ul ul, #sidebar ul ol {
    	margin: 5px 0 0 10px;
    	}
    
    #sidebar ul ul ul, #sidebar ul ol {
    	margin: 0 0 0 10px;
    	}
    
    ol li, #sidebar ul ol li {
    	list-style: decimal outside;
    	}
    
    #sidebar ul ul li, #sidebar ul ol li {
    	margin: 3px 0 0;
    	padding: 0;
    	}
    
    .sidebar_icon {
    text-align: right;
    padding-right: 5px;
    }
    
    #sidebar ul.tagcloud {
    padding: 0;
    margin: 0 1em 0 0;
    width: 20em;
    background: none;
    list-style: none;
    text-align: center;
    
    }
    
    #sidebar ul.tagcloud li {
    background: none;
    display: inline;
    list-style: none;
    margin-left: 0;
    }
    
    #sidebar ul.tagcloud li a {
    font-weight: bold;
    list-style: none;
    }
    
    #sidebar ul.tagcloud li a:hover {
    text-decoration:underline;
    }
    
    
    /* End Entry Lists */
    Then I got to thinking, why is it showing bullets at all with list-style:none; added to almost every style?

  2. #2
    Brevity is greatly overrated brandaggio's Avatar
    Join Date
    Dec 2005
    Posts
    1,424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This removes the bullets:
    Code:
    ul { list-style-type: none; }
    If it is not working then your style is not being applied for some reason.

    A simple solution might be to remove the bullets for all UL's unless specifically needed and then you can use an ID or class to target that list.

  3. #3
    SitePoint Zealot
    Join Date
    Sep 2006
    Posts
    107
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would do that, but I do need all the bullets to appear except the ones showing around the tag cloud.

    The cloud is already specified by a class (.tagcloud) so I'm not sure why it isn't applying... I also know that it is applying the rest of the things specified, such as inline.

  4. #4
    Brevity is greatly overrated brandaggio's Avatar
    Join Date
    Dec 2005
    Posts
    1,424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you are going to use external styles use them - don't use inline styles, and certainly not a long with external styles - it not recommended.

    Your code needs to validate and be free of potentially conflicting/overriding styles and then you will be able to target the elements better:
    http://validator.w3.org/check?uri=ht...ss=1&verbose=1

  5. #5
    SitePoint Zealot
    Join Date
    Jul 2006
    Location
    Florida
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try using an !important


Bookmarks

Posting Permissions

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