how to create a bullet list [ul li]?

on this site, i'm trying to create a list . You'll see my attempt so far but unsuccessful.

I thought the code was

ul li {
list-style: circle:
}

Code (markup):

but I seem unsuccessful. What am I doing wrong here?

 

try ";" instead of ":"

 

no- it's not that. i have that within the CSS, even if it's not here

here's the css; http://caaan.org/main/wp-content/themes/sachi_caaan/style.css

 

try

#navlist li
{
[B]list-style-type:circle;[/B]
margin: 0;
display: inline;
}

Code (markup):

 

glorie's right. (I think.)

 

nope-that's not it either. and besides, that would only affect my horizontal tab navigation but not the lists that are created in the content section.

here is what I have for code for my lists. Perhaps the solution is somwhere in here?

/* --- lists --- */

#list p ul li {
	list-style:circle;
	margin: 0;
	padding: 0;
	}


ul, ol {
	list-style-type: circle;
	margin: 0;
	padding: 0;
}

ul {
	list-style: circle;
	}

ul, li  {
	list-style-type: circle;
	margin-left: 15px;
	padding: 0;
	}

ul.postmetadata li {
	display: inline;
	margin: 0 5px 0 0;
	font-size: .9em;
	font-weight: bold;
	list-style-type:circle;
}

ol {
	list-style: circle;
	}

ol li {
	list-style: circle;
	}

Code (markup):

 

Strange, I had a list on my site and didn't use any css. What's wrong with the one you have? You want bullets?

 

Sorry I got the wrong div id on the previous one.

the reason why it's not displaying is because you declared

ul, ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

Code (markup):

... so all ul will have no list style

if you add this, it should work

#copy  li {
  list-style-type:disc;
  margin-left: 14px;
}

Code (markup):

 

This is a good topic thank you for posting.

 

The CSS gods must really hate me because that doesn't work either. Ughhh. I'm really surprised that it's this hard for us to figure it out because I've never had this issue before until now.

 

At the top of your style sheet in the overall element rules, put this:

ul {
    list-style: circle;
    }

Code (markup):

That will set the default list to a circle list marker, set outside the list item, and using a 40px indention. Loosely like so:

• item 1
• item 2
• item 3

If, in any section, you want something different, you can override it using more specific selectors.

cheers,

gary

 

Gary- I already have that code listed within my stylesheet and it still doesn't work.

I also tried being more specific by using ul li for the content but still no go;

/* --- content divisions --- */

#content-container {
  padding: 0;
  margin: 0;
  position: relative;
}

#content-wrap {
   margin: 20px 0 0 0;
   padding: 20px 10px 0 10px;
}

#copy {
   float: left;
   width: 480px;
   padding-right: 5px;
   margin: 20px 0 30px 0;
}

#copy ul { 
	list-style-type:disc;
	margin-left: 14px;
	}
	
#copy ul li {
	list-style-type: disc;
	margin-left: 14px;
	}

Code (markup):

 

i put this locally to test and it showed up (just change the margin to something smaller to be where you want it to be)

ul li {
list-style: disc;
margin-left:125px;
}

you have to make list-style to be disc for the circle and put some margin on it so it doesnt get hidden

alternately if you make these lines:

/* --- lists --- */

ul, ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

Code (markup):

into this

/* --- lists --- */

ul, ol {
   list-style: disc;
   margin: 35px;
   padding: 0;
}

Code (markup):

your problem is fixed as well

 

yes- it finally works. thanks for helping DatR and everyone else. The css drama is finally over. whew. i really appreciate it.

 

no problem, glad I could help