Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Senior Member DesignBox's Avatar
    Join Date
    Apr 2004
    Posts
    340
    Member #
    5659
    I have a "bullet" image for my <li> tags on a website.

    The problem is that when I visit the website in IE7 everything looks fine. But when I refresh the page the images disappear.

    I don't have this problem in firefox though.

    the site is located here: www.di-ef.com/test

  2.  

  3. #2
    Senior Member Karloff's Avatar
    Join Date
    Oct 2005
    Posts
    744
    Member #
    11702
    not sure why but you have many doctypes, <html>, <head> etc in you code.

    if your using a template includes i suggest you take the doc type out of the individual files, if your not using some sort of includes, have 1 <html>, 1<head> tag and 1 doctype etc. validate your site and see what its like

  4. #3
    Senior Member DesignBox's Avatar
    Join Date
    Apr 2004
    Posts
    340
    Member #
    5659
    I had some includes that I was testing and I forgot to remove unnecessary code.

    I removed them, but I still have the same problem.

  5. #4
    Senior Member kade119's Avatar
    Join Date
    Feb 2007
    Location
    USA
    Posts
    532
    Member #
    14888
    Liked
    1 times
    hey designbox



    try doing it like this



    Code:
     #menu li {
    	padding-left: 3px;
    	margin-top: -1px;
    	line-height: 25px;
            list-style-image: url("yourbulletimage.jpg"); 
    } 
    
    if that doesn't work try 
    
     #menu ul li {
    	padding-left: 3px;
    	margin-top: -1px;
    	line-height: 25px;
            list-style-image: url("yourbulletimage.jpg"); 
    }

  6. #5
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Have you tried applying the arrow as a background instead of a list-style-image?


    I usually do it like this:

    Code:
    #sidebar ul {
    	margin: 4px 0 10px 10px;
    	padding: 0;
    	list-style: none;
    	list-style-type: none;
    }
    
    #sidebar ul li {
    	margin: 0;
    	padding: 0 0 2px 15px;
    	background: url(../images/bullet.jpg) no-repeat 0 4px;
    }
    and just play with the properties to get the look you are going for.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    karinne -- is there any particular advantage? Having not looked into it, I don't know how complete browser support is for [minicode]list-style-image[/minicode] is, but just out of curiosity

  8. #7
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    I don't know ... I just remember trying the list-style-image once and it didn't work properly (can't remember exactly what went wrong) and I saw most people used the background property to display images so ... I did that and it works like a charm.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  9. #8
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Gotcha. Shiny!

  10. #9
    Senior Member kade119's Avatar
    Join Date
    Feb 2007
    Location
    USA
    Posts
    532
    Member #
    14888
    Liked
    1 times
    yeah i think Karinne is right, i just looked at my site and i had used background for my rollover images :P browsers are just goofy


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:52 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com