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?
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
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):
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.