Navigation Showing Up As Bullets...

User 2765350 Photo


Registered User
6 posts

I searched the threads for this issue, but was unable to locate it. Apologies if I missed it somehow.

After a couple years of not having any issues with the HTML Editor, now my navigation is showing up as bullets. I made no changes to the CSS file nor the navigation in the HTML file. I have no clue. I have tried to figure this out, but I'm running into a bring wall. Any help you could provide would be greatly appreciated.

Here is my CSS for the nav:

nav ul {
background: url(../images/nav_bar_1.png) no-repeat;
list-style: none;
width: 960px;
height: 50px;
margin-left: 0;
text-align: center;
border: none;

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

nav ul li {
display: inline-block;
margin: 6px 10px 0px 10px;
border: none;
}

nav ul li a {
color: #fff !important;
font-size: 1.3em;
font-weight: normal;
letter-spacing: 0.1em;
width:100px;
height:25px;
display:inline-block;
padding: 8px 0 0px 0;
font-family: 'Copse', sans-serif;


}

nav ul li a:hover {
color: #ff7802 !important;
text-decoration: none;
}

nav ul li a.selected {
color: #fff !important;
background: url(../images/button_sel.png) center;


}

nav ul li a.selected:hover {
color: #FFF !important;
}
User 122279 Photo


Senior Advisor
14,447 posts

Try
list-style-type: none;
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,447 posts

Sorry, I didn't look too well at your code.

try ul.nav { .... }
And don't forget the curly bracket after the last rule.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2147646 Photo


Registered User
233 posts

Jessica Tilles wrote:

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

You have an extra colon in nav ul list-style ;)

User 2765350 Photo


Registered User
6 posts

Thank you both for your kind help. I believe it is an issue with the software. I am experiencing the same issue with every website I've created with Coffeecup HTML Editor. All navigation is showing up as bullets. Maybe this is a way to force me to purchase the update plug-in, or something. I don't know, but this sure is strange. I'll have to figure out something else to do with my clients' websites. This isn't good at all. Thank you so much!
User 188640 Photo


Registered User
895 posts

Jessica,

Didn't you see what James posted about having an extra colon in nav ul list-style?

You might want to try that first since no one else has posted that issue that I can remember. CC makes great software and they fix software bugs pretty quick.
A Rose is Just a Weed in a Corn Patch!
User 122279 Photo


Senior Advisor
14,447 posts

The software is perfectly ok. I'm using the css you posted earlier, and there are no bullets. Even the double colon in the second group of rules for the nav ul does not interfere with the list-style.

What does interfere, not with the bullets though, but with the look of your menu, is the missing end curly bracket after that first rule group.

I have rewritten the two nav ul groups so as to combine them to one:

nav ul {
background: url(../images/nav_bar_1.png) no-repeat;
list-style: none;
width: 960px;
height: 50px;
margin-left: 0;
text-align: center;
border: none;
margin:0;
padding:0;
}

If you are not able to get rid of the bullets, please post a link to the site/file where you are having the issue. Someone here will take a look at it and help you solve the problem.

Just an thought: Have you by any chance copied the actual menu from a word document or similar, where the items were written as a bulleted list? If that is the case, it's the bullets from where you copied it from that you are seeing, not any bullets created by your html/css.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2765350 Photo


Registered User
6 posts

@Ernie, yes, I removed the double colon...it did not solve the problem.

@Inger, thank you. I will try the code you wrote. Nope, didn't copy anything from MS Word. FYI: I'm using Coffecup's Latte HTML website template. I've been using your templates for years and never had an issue until now. I'll try the code and let you know how it works. Thank you!
User 122279 Photo


Senior Advisor
14,447 posts

I just asked at CC, and they say they don't have a template by that name. If my code doesn't work, do post a link to your site or file to let us see what is going on. The html code is just as important as the css to understand why something doesn't work.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2765350 Photo


Registered User
6 posts

Inger, CC had the theme last year when I purchased it for $4.00. Maybe they no longer offer. But, here's the link to the website: www.annjeffries.net. Now, as it currently is online, it's fine. The navigation is just fine. It's only now that I'm trying to add new content to the site that the bullets are coming up crazy. Thank you for your help, I really do appreciate it.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.