Dropdown Menu Help Using CSS
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!
<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!
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.
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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.
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.
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...
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
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.