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 08:48 AM. Reason: forgot CSS
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

  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.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  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
    FYI
    * My screen resolution is set at 1680x1050
    * I'm accessing your site through a T1 line
    * I'm probably viewing it using Firefox (unless browser is specified)

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