ul and li problem.

CSS code not working

[kosh2]

I am runnin gJoomla and have a template with the following code:

ul {
 margin: 0px 0px 0px 0px;
 }
li {
 list-style: inside url("images/M_images/bullet1.gif");
 list-style-image: url("images/M_images/bullet1.gif");
 }
.latestnews {
 list-style: inside url("images/M_images/bullet1.gif") ;
 list-style-image: url("images/M_images/bullet1.gif");
 }

But all I get is the standard bullet points The source code is:

<ul class="latestnews">
<li class="latestnews">
<a href="http://example.com/index.php?option=com_content&amp;task=view&amp;id=13&amp;Itemid=2" class="latestnews">
test</a>
</li>
<li class="latestnews">
<a href="http://example.com/index.php?option=com_content&amp;task=view&amp;id=11" class="latestnews">
Example FAQ Item 2</a>
</li>
</ul>

[edited by: DrDoc at 5:06 pm (utc) on Sep. 30, 2006]
[edit reason] examplified URL [/edit]

[penders]

Hi kosh2, welcome to WebmasterWorld... it looks like your image ("images/M_images/bullet1.gif") can't be found, so it is displaying the default bullet. In your stylesheet/template, you may need to use absolute paths if you are referencing the styles from pages at different levels in your directory tree(?)

Reference the absolute path like:

/images/M_images/bullet1.gif

Also, you do not need your 2nd line in both cases:

list-style-image: url("images/M_images/bullet1.gif");

... since you have already specified it in the first line list-style (shorthand notation). (Although this is not causing your problem.)

[kosh2]

Many thanks. I have changed to absolute links now. I gather that netscape can be problematic as well with links.