Custom bullet not showing in unordered list from external css sheet

Posted on 2008-11-15
Last Modified: 2012-05-05
My custom bullet is not appearing in my unordered list on my web page.  I am using a separate css styles sheet and everything else on the sheet is working on my web page.
/* side navigation rules */	

#nav-menu ul

{list-style-type: square;

list-style-image: url(/images/arrowbullet.gif);

padding: 0;

margin: 0;}

#nav-menu li

{float: left;

list-style-type: square;

list-style-image: url(images/arrowbullet.gif);

margin: .2em .2em .2em 0.15em;}

#nav-menu li a

{background: url(background.gif) #fff bottom left repeat-x;

height: 2em;

line-height: 2em;

float: left;

width: 13em;

display: block;

border-bottom: 1px dotted #dcdce9;

color: #0d2474;

text-decoration: none;

text-align: left;}

/* Hide from IE5-Mac \*/

#nav-menu li a

{float: none}

/* End hide */



Open in new window

Question by:Kimmy100700
    1 Comment
    LVL 42

    Accepted Solution

    If I remember correctly, some browsers won't display list-item markers on floated elements.

    I recommend you use a non-repeating background image as a much better alternative.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    733 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now