Image Not Being Display In List Styles

[byronwells]

Alright Guys

 

I am having trouble with the list styles.  I am planning to use http://www.supreme-host.com/web/images/arrow-grey.jpg instead of the standard bullet dot format....

 

I have got it to work in dreamweaver but when I load it onto the internet..  It doesnt appear.. why??  See here http://www.supreme-host.com/web/categories.php

 

This is the code that I am using for that part

#l_sidebar ul { list-style: url(images/arrow-grey.jpg) no-repeat top left;
margin: 0px 0px 10px 30px;
padding: 10px 0px 0px 0px;
}
#l_sidebar li { 
background: url(images/dashedline.jpg) no-repeat center bottom;
padding: 0px 0px 10px 0px;
}

#l_sidebar li li {
background: #FFFFFF }

#l_sidebar li a, #l_sidebar li a:visited { color: #359CBB; text-decoration: none; }
#l_sidebar li a:hover, #l_sidebar li a:active { color: #444; }

 

Also how do I make the dashedline.jpg image appear from the bullet image

[cags]

Could be wrong but I don't think you're path is correct. "images/dashedline.jpg" will look for an images directory in your root directory, I'm guessing your root directory is set-up as being what's viewed by supreme-host.com/ not supreme-host.com/web.

[vinpkl]

instead of "list-style" use "list-style-image"

 

list-style: url(/images/m10.gif) no-repeat top left;

 

should be

list-style-image:url("/images/m10.gif") no-repeat top left;

 

vineet