Dropdown Menu Help Using CSS

User 366973 Photo


Registered User
8 posts

Hi there, I am using CC HTML Editor to make my edit my site and I am trying to put in simple dropdown menus where some of the tabs are. I understand the html part the coding that needs to go in but when i put it in, my tabs misalign and go funky. Plus, this is my first shot at CSS...does the code below look ok before i move forward?

<ul id="nav">
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Funding</a></li>
<li><a href="#">Organisational Structure</a></li>
</ul>
</li>

CSS should look something like this:

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav a {
display: block;
width: 10em;
}
#nav li {
float: left;
width: 10em;
}

does this sound about right to anyone? here's my work-in-progress:
http://home.comcast.net/~waynetorrance/cccc/index.html

Any words of advice would be greatly appreciated!!
Cheers!
User 122279 Photo


Senior Advisor
14,461 posts

Do you want to replace the tabs with a simple CSS menu, or do you want to add dropdowns to the tabs?

If you have the latest version of the HTML Editor, there is a CSS menu builder integrated in it.

By the looks of it, it seems that you are using a template, so changing the navigation will mean changes to the existing CSS file too.
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 366973 Photo


Registered User
8 posts

I want to add downdrops to the tabs. I do have the latest version of HTML editor.

I am using a template and I have been changing the CSS file as i go along for other items. I just dont know to begin with the CSS menu builder...total beginner.
User 122279 Photo


Senior Advisor
14,461 posts

To be honest, using the built-in CSS menu builder is much easier than changing a CSS file and the html file, especially for someone who is a beginner.

But hang on in here, I'll fetch someone who has more understanding of CSS than me...
Ha en riktig god dag!
Inger, Norway

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



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.