I had a simple vertical ul for some footer navigation. Decided to remove the bullets. Then decided it would be better to have the bullets, but nothing I do will bring them back. (list-style:, list-style-type:, list-style-image:, none of them with disc, circle or square do anything.
I'm ready to delete the list and its CSS and start over, but I really want to figure this out so maybe I'll learn something for next time.

First – There are 2 other lists on the page (one has an id and the other is just the default style in a paragraph). I gave this one (footnav) an id. Tried changing it to a class, then back to id If this list is different from the other 2, should it have an id rather than a class?

Next problem – I can't find a consistent way to write the CSS for this (online or in my books), so I don't know if this makes a difference. Example:


The site is not live since I need to have this basic nav option first! I've tried so many different versions, which then needed all the a, a li (or li:a), a:hover, (li a:hover)... changed as well. No bullets anywhere!

Any advice appreciated!

By the way, trying to run the Validate CSS option freezes my Editor requiring a Ctrl+Alt=Delete (the Validate HTML worked fine). Using version 12-7, 454

You know the drill.
Can you share a link?

It's stuck on my computer 'til I find an answer to this. Maybe another half a dozen books and 3 or 4 more days on the internet will do it....

I haven't been able to find a common pattern for lists as navigation; if I look at 5 examples – I'll see 5 different set-ups. Which way to go?
At this point, I can't even determine if it should be a class or id

Email me the html.

I was reading through the help manual to see if there was some info about how to use the Validate CSS function, and came across the Quick Live Preview. It seemed like a good option except for one thing – It says it will remove content that is not part of the project. I have stuff in various file folders within my project ready to go when I get the other pages done, but these aren't being used on the index page. Does this mean, if I upload the site as is, Quick Live Preview will throw out these files?

I sent the HTML/CSS to you

Check your email.

This one works:

<div id="footnav">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
</div>

------

#footnav ul {
list-style-type: circle;
}

The bullets are back! Thanks, Eric and Inger
I don't know why I couldn't get them back until I wiped out the CSS and retyped it. I tried it every which way, but I guess it just needed to be deleted rather than edited.

Eric, what you sent is what I had started with in the first place (using class). I took out the line "list-style-type: disc;" to see it without the bullets. After that, typing it back in did nothing. I tried typing the whole thing over again on a blank page and the bullets didn't show. That's when I switched it to an id rather than class – still no bullets.
I can't tell you all how many different versions of this I tried

Now I can move on to the other 3 pages. Good thing this is a pretty simple site
Not that I can't mess up the simplest of things!

I think this was ultimately the problem.
padding: 0 0 1.2em 0

Well, it's back in there now and everything looks good
I think it's just me – electronic stuff, such as computers tend to go wonky when I get my hands on them

I'm trying to stick with ems and percentages since this is a responsive design.