www.webdeveloper.com
Results 1 to 3 of 3

Thread: [RESOLVED] CSS Custom Bullets

  1. #1
    Join Date
    Jun 2009
    Location
    Chi town. IL68 ICAO code home airport, literally.
    Posts
    157

    resolved [RESOLVED] CSS Custom Bullets

    Hey all,

    Im having a rather stupid issue, the custom bullet points I made for my un-ordered lists are not showing up. Here is my code:

    Code:
    #points ul {
    list-style-image: url(images/bullet.png) left no repeat;
    }
    Any ideas?
    For want of a nail...the horseshoe was lost. For want of a horseshoe, the steed was lost. For want of a steed...the message was not delivered. For want of an undelivered message.....the war was lost.

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    Your CSS style is not properly written;
    #points ul {
    list-style-image: url(images/bullet.png) left top no-repeat;
    }

    You should play with the margin-left and padding-left ( 20px) to display the icon then adjust its position by changing those values.

    I generally recommend:

    #points ul {
    list-style: none;
    margin-left:0;
    padding-left:0;
    }

    #points ul li{
    background-image: url(images/bullet.png) left middle no-repeat;
    margin-left: 15px;
    padding-left: 20px;
    }

  3. #3
    Join Date
    Jun 2009
    Location
    Chi town. IL68 ICAO code home airport, literally.
    Posts
    157
    Yea, after I wrote this, I saw where i was goofing! DOH!

    Thanks anyways!
    For want of a nail...the horseshoe was lost. For want of a horseshoe, the steed was lost. For want of a steed...the message was not delivered. For want of an undelivered message.....the war was lost.

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