SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Evangelist Mr. Tech's Avatar
    Join Date
    Feb 2003
    Location
    Australia
    Posts
    562
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    List-Style-Image not working...

    I've got this code. The image exists but it still displays bullet points...

    HTML Code:
    ul {
    	list-style-image: url(images/arrow.jpg);
    	line-height : 15px;
    }
    Any dieas what's wrong?

  2. #2
    SitePoint Member
    Join Date
    May 2005
    Location
    Amsterdam, The Netherlands
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This was just discussed a few days ago. You might want to head over to this thread.

  3. #3
    SitePoint Evangelist Mr. Tech's Avatar
    Join Date
    Feb 2003
    Location
    Australia
    Posts
    562
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nothing in that thread helped... Does the list image gotta be a certain height and width?

  4. #4
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Are you sure that path is correct?

    We need to see more code in order to be able to help.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  5. #5
    SitePoint Evangelist Mr. Tech's Avatar
    Join Date
    Feb 2003
    Location
    Australia
    Posts
    562
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    HTML Code:
    <UL>
     <LI>INVISI-GARD</LI>
     <LI>7mm Security</LI>
     <LI>Hardcore</LI>
     <LI>Colonial Cast</LI>
     <LI>Petdoors</LI>
     </UL>
    HTML Code:
    ul {
     	list-style-image: url(images/arrow.jpg);
     	line-height : 15px;
     }
    I tried both ul & li...

  6. #6
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    With just the basic code you've given, after changing the filename and path to match an image on my PC, it works fine in Firefox, IE4+, Netscape 6+, and Opera 6+.

    Try this.
    Code:
    ul {
    	list-style-image: url(./images/arrow.jpg);
    	line-height : 15px;
    }
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


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
  •