List-style-type: none; not working!

HTML & CSS
1

Hello all,

I’m modifying Cory LaViska’s PHP_File_Tree cascading style sheet, default.css, to remove the round bullets from the LI tags.

Browsed through the forums to find a solution to my problem with no luck.

Please, take a look at my test website: www seemyinvestments dot com

There, you can see what I’m talking about.

The webpage lists a directory tree on the left-hand side, and I want to get rid of the bullets (the little dark dots).

I’ve tried a number of ways of implementing ‘list-style-type: none;’ (You’ll see one attempt below labelled ‘not working!’)

Doesn’t work for Firfox or IE.

Any suggestions?

Thanks.


/* PHP File Tree Default Theme

	By Cory LaViska
*/

    php-file-tree {
	    font-family: Georgia;
	    font-size: 12px;
	    letter-spacing: 1px;	
	    line-height: 1.5;
    }

	php-file-tree A {
		color: #000000;
		text-decoration: none;
	}
	
	php-file-tree A:hover {
		color: #666666;
	}

	php-file-tree .open {
		font-style: italic;
	}
	
	php-file-tree .closed {
		font-style: normal;
	}
	
	php-file-tree .pft-directory {
		list-style-image: url(images/directory.png);
	}

	php-file-tree .pft-directory-empty {
		list-style-image: url(images/directory_empty.png);
	}

	/* Default file */
	php-file-tree LI.pft-file { list-style-image: url(images/file.png); }
	
	/* Additional file types */
	php-file-tree LI.ext-3gp { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-afp { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-afpa { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-asp { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-aspx { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-avi { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-bat { list-style-image: url(images/application.png); }
	php-file-tree LI.ext-bmp { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-c { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-cfm { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-cgi { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-com { list-style-image: url(images/application.png); }
	php-file-tree LI.ext-cpp { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-css { list-style-image: url(images/css.png); }
	php-file-tree LI.ext-doc { list-style-image: url(images/doc.png); }
	php-file-tree LI.ext-exe { list-style-image: url(images/application.png); }
	php-file-tree LI.ext-gif { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-fla { list-style-image: url(images/flash.png); }
	php-file-tree LI.ext-h { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-htm { list-style-image: url(images/html.png); }
	php-file-tree LI.ext-html { list-style-image: url(images/html.png); }
	php-file-tree LI.ext-jar { list-style-image: url(images/java.png); }
	php-file-tree LI.ext-jpg { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-jpeg { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-js { list-style-image: url(images/script.png); }
	php-file-tree LI.ext-lasso { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-log { list-style-image: url(images/txt.png); }
	php-file-tree LI.ext-m4p { list-style-image: url(images/music.png); }
	php-file-tree LI.ext-mov { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-mp3 { list-style-image: url(images/music.png); }
	php-file-tree LI.ext-mp4 { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-mpg { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-mpeg { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-ogg { list-style-image: url(images/music.png); }
	php-file-tree LI.ext-pcx { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-pdf { list-style-image: url(images/pdf.png); }
not working! --->	php-file-tree LI.ext-php { list-style-image: url(images/php.png); list-style-type: none; }
	php-file-tree LI.ext-png { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-ppt { list-style-image: url(images/ppt.png); }
	php-file-tree LI.ext-psd { list-style-image: url(images/psd.png); }
	php-file-tree LI.ext-pl { list-style-image: url(images/script.png); }
	php-file-tree LI.ext-py { list-style-image: url(images/script.png); }
	php-file-tree LI.ext-rb { list-style-image: url(images/ruby.png); }
	php-file-tree LI.ext-rbx { list-style-image: url(images/ruby.png); }
	php-file-tree LI.ext-rhtml { list-style-image: url(images/ruby.png); }
	php-file-tree LI.ext-rpm { list-style-image: url(images/linux.png); }
	php-file-tree LI.ext-ruby { list-style-image: url(images/ruby.png); }
	php-file-tree LI.ext-sql { list-style-image: url(images/db.png); }
	php-file-tree LI.ext-swf { list-style-image: url(images/flash.png); }
	php-file-tree LI.ext-tif { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-tiff { list-style-image: url(images/picture.png); }
	php-file-tree LI.ext-txt { list-style-image: url(images/txt.png); }
	php-file-tree LI.ext-vb { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-wav { list-style-image: url(images/music.png); }
	php-file-tree LI.ext-wmv { list-style-image: url(images/film.png); }
	php-file-tree LI.ext-xls { list-style-image: url(images/xls.png); }
	php-file-tree LI.ext-xml { list-style-image: url(images/code.png); }
	php-file-tree LI.ext-zip { list-style-image: url(images/zip.png); }
	/* You can add millions of these... */
2

I visited your website and the images on LI elements show perfectly for me.

3

On “ul,li” and “li” in your CSS you set background images. Remove the background images and it doesn’t show the blobs.

4

Yes!

I discovered those dots were actually a gif file!!

The ccs file for the whole website template was providing the image file as a background!

I didn’t think of that possibility right away.

Thanks.

5

Your welcome :). I figured they were images due to the opacity’d look they had lol.

6