www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] list-style-image

  1. #1
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167

    resolved [RESOLVED] list-style-image

    http://kdla.ky.gov/libsupport/children/presenters.htm

    In the document above, the list-style-image style works in IE, but not Fx. The coding validates for both HTML and CSS -- why aren't the bullets showing?

    Code:
    /*Presenter Directory */
    #presenters {width: 35em; border-top: 1px solid #000; padding-top: 1em;}
    #presenters ul {margin-left: 0; padding-left: 0;}
    #presenters ul li {display: block; font-weight: bold;}
    #presenters ul li ul li, #presenters ul li ul li ul li {font-weight: normal;}
    #presenters ul li ul {margin-left: 2em;}
    #presenters ul li ul li ul {margin-left: 2em;}
    #presenters ul li ul li {font-size: 1.25em; list-style-type: none; margin-top: 1em;}
    #presenters ul li ul li address {font-size: .65em; margin-bottom: 1.5em; margin-left: 1em;}
    #presenters ul li ul li ul li address {margin-bottom: auto; margin-left: auto;}
    #presenters ul li ul li ul li {font-size: .75em;}
    #presenters ul li ul li ul li.call {list-style-image: url(../images/misc/info.gif);}
    #presenters ul li ul li ul li.rec {list-style-image: url(../images/misc/star.gif);}
    #presenters ul li ul li ul li.hirec {list-style-image: url(../images/misc/star2.gif);}
    #presenters ul li ul li ul li.na {list-style-image: url(../images/misc/na.gif);}#presenters ul li ul li ul li ul {margin-bottom: 2em;}
    #presenters ul li ul li ul li ul li {list-style-image: none; margin-top: .25em;}
    #presenters ul li ul li ul li ul li address {font-size: 1em; font-style: normal;}
    Thanks,
    KDLA
    Last edited by KDLA; 09-07-2006 at 09:48 AM. Reason: forgot CSS

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    It usually has something to do with what the browser thinks of the left padding/margin.

  3. #3
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    Ah, I just figured it out. I needed to add "display: list-item" to the li's with the list-style-image attribute.

    Thanks!
    KDLA

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