why CSS list's bullets not displayed?

Hello
I have a problem with this simple example

<ul>
<li>one</li>
<li>two</li>
</ul>

which I tested successfully in a browser. Whenever I include this code in a website, then the bullets do not show up any more.

I am marking the ul with this css code:

clear:left;
padding-top:25px;
padding-left:20px;
padding-right:20px;
font-size:14px;
line-height:30px;
text-align:justify;
font-weight:bold;
text-transform:uppercase;
list-style-position: outside;
list-style-type:disc;

And the li with this css code:

display:block;
line-height:160%;
margin-bottom:15px;

Everything shows up as I want except this bullet which is not displayed. However, I did write list-style-type:disc; like you can see in the CSS code for ul tag.

Moreover, if I remove display:block; from the li's css code, then there is not break between li tags because of a previouse css code in the same CSS file.

I looked for another piece of code that might over-ride this but did not find it. Moreover, I tried to lower the css code I showed you to the bottom of the file which contains all the CSS code and it did not work either.


Any other idea?
Thanks

 

Hi

Have you got a link to the site where the code isn't working?

Thanks

 

http://jorkor4.freehostia.com

 

there's nothing there

 

Sorry,
could you please check out the link again?
Thanks

 

div ul li
	{
		[COLOR="Red"]list-style-type : none;[/COLOR]
		display : inline; /* para que ponga los elementos de una lista ordenados horizontalmente */
	}

Code (markup):

That is turning off the list style, hence, no disco.

 

Thanks, you are right and it works by doing what you said. I thought that a subsequent css code forcing this ul to display:list-item; would fix the issue, but it seems, once the first display:inline code is read for a particular ul tag, then it does not reconvert it to a list if it finds some code which does that later in the css code.

 

Firebug is a great tool for hunting out little problems like that. It's a plugin for Firefox. You can select a specific Div or object in the code and it will show you all the CSS which is affecting that element. What's especially useful is that it shows you all the cascaded styles that influence that element as well as the styles specifically targeting that element and will show which ones are being overruled by a duplicate style by showing them with a strike-through to indicate that they are being superceded by another style.