SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2005
    Posts
    175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How can I reduce the bullet size of a list item ?

    I only managed to change the color and the fonts !

  2. #2
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've played with this a bit, and it seems the only way to do it consistently and cross browser is to use a bullet image (e.g. ul { list-style-image: url(foo.gif); } ).
    Olly Hodgson
    thinkdrastic.net

  3. #3
    SitePoint Member
    Join Date
    Dec 2005
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You'll need to do it with an image.

    *shrug*

    this is the code i usually use for it.

    ul
    {
    font-size:12px;
    list-style-type: none;
    padding: 2px;
    margin: 20px;
    text-align: left;
    color:#CCCCCC;
    }

    li
    {
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .25em;
    padding-left: .8em;
    }

  4. #4
    SitePoint Zealot
    Join Date
    Feb 2005
    Posts
    175
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you I dit it and it work but know I'm trying to use an ordered-list with simple numbers on that same page and it keep my <li> parameters with the images.

    div#contenu li {
    display: list-item;
    list-style-image: url(images/css/Line.gif);
    list-style-type: none;
    list-style-position: outside;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: -15px;
    font-size: 11px;}

    div#contenu ol li {
    display: list-item;
    list-style-type: decimal;
    list-style-position: outside;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: -15px;
    font-size: 11px;}


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
  •