SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Apr 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS3 Anthology -- List Style Image Prob

    I am trying to use the bullet.gif referenced in this book, but it wont work in my asp.net website. All I get display are the default bullets, and not the Check image.

    What did I do wrong?

    .WhyRent
    {

    list-style-image: url(Images/bullet.gif);
    color: Fuchsia;
    margin: 10px 10px 10px 80px;

    }

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi PowerPlanner, welcome to Sitepoint .

    You need to remove the list-style-type . Well, also you need to make sure that your image file is correct. In your current CSS file (if it's not externally called), go to that folder. In that folder, you should have a folder called "Images" and in there has the bullet GIF.

    Add this code in and the new bullet.gif should appear.
    Code:
    list-style-type:none;
    Though the missing image URL is the cause, since, if the image isn't found, it will just show the bullets. Please confirm the location of the URL is correct.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Member
    Join Date
    Apr 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your help.
    The URL seems okay since I have other images that are working using same path. The list-style-type:none; did remove the bullets, but the check image didn't appepar.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    That means the URL isn't correct then . Say you have this

    test.html (this file contains the CSS)

    In the URL, replace the test.html with the bullet URL you define in the document. You just have to trust me on this that the URL is NOT correct. Really try to see why it isn't there. If you give us a link to your site we can identify the issue faster .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,060
    Mentioned
    253 Post(s)
    Tagged
    5 Thread(s)
    Just guessing but - Images/bullet.gif - that is meant to be a capital "I" there, is it? (Wouldn't be the first time I've made that mistake. )
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!


Tags for this Thread

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
  •