Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: problem with li - need help?

Bottom of Page

1 to 5 of 5

  1.  
  1.  permalink
    Hey,

    This is my code for li:
    li {
    display: block;
    list-style-image: url(../scripts/graphicpush_blogicons/graphicpush_blogicons/speech_bubble.gif);
    color: #A4792B;
    padding: 2px;
    font-weight: normal;
    font-size: 11px;
    }

    This works fine in internet explorer, but not in firefox and opera (it just doesn't appear)

    Check: firethrottle to see problem

    Thanks in advance
    firethrottle
  2.  permalink
    It worked fine with IE7 and Firefox, when I took out the display:block -part.
    •  
      CommentAuthormringlein
    • CommentTimeJun 28th 2006 edited
     permalink
    This works ..... I have had trouble with 'list-style-image' in the past and prefer using a background image instead:

    li {
    display: block;
    background: url(../scripts/graphicpush_blogicons/graphicpush_blogicons/speech_bubble.gif) no-repeat;
    list-style-type: none;
    color: #A4792B;
    padding: 2px 2px 2px 20px;
    font-weight: normal;
    font-size: 11px;
    }
  4.  permalink
    thanks for your input. let me just try these, and i'll get back to you.

    EDIT: the first way (just taking the diplay: block part out) works better because with the other way it leaves the image as well as the dot in ie

    thanks for the help. :)
    •  
      CommentAuthormringlein
    • CommentTimeJun 28th 2006
     permalink
    Yeah sorry! Rushed response this morning before going into work. Add:

    list-style-type: none;

    To remove the "dot".

1 to 5 of 5

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page