I've just completed my site, www.TopAgentTechTools.com using Kompozer.
BUT when I upload it, it puts the navigation menu on 2 lines instead of 1, and it doesn't bring over my blue menu.
Any help would be greatly appreciated!!
--Sean G.
Full Version: Broken Nav Menu and No Header Background?
FWIW, I get the nav menu in one line.
I recommend that you fix the markup errors reported by our online validator. What is the blue menu?
Are you sure you've uploaded everything to the server?
I recommend that you fix the markup errors reported by our online validator. What is the blue menu?
Are you sure you've uploaded everything to the server?
Yes, fixing the errors will get rid of the problem. Peculiar it's IE that chokes on it.
This is a very broken list, or rather several.
You can't nest lists the way you do and you can't have LIs on the loose between lists. There is no need for nesting. Nor is there any need for more than one list. The DIV around it all isn't needed either, if you don't have any special plans for it. You could as w ell put the id on the UL. The one UL that will be left when you have cleaned it up.
There is no reason to float the DIV that I can see. Same goes for the UL in case you remove the DIV.
The result should be one list with floated LIs. Less Is More.
This is a very broken list, or rather several.
HTML
<div id="mainmenu">
<ul>
<ul style="text-decoration: underline; color: rgb(51, 51, 255);">
<li><a class="current" href="index.html">HOme</a></li>
</ul>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="green.html">software</a></li>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="orange.html">videos</a></li>
<ul style="text-decoration: underline; color: rgb(51, 51, 255);">
<li><a href="purple.html">cameras</a></li>
</ul>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="red.html">websites</a></li>
<ul>
<ul>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="black.html">training</a></li>
</ul>
</ul>
</ul>
</div>
<ul>
<ul style="text-decoration: underline; color: rgb(51, 51, 255);">
<li><a class="current" href="index.html">HOme</a></li>
</ul>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="green.html">software</a></li>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="orange.html">videos</a></li>
<ul style="text-decoration: underline; color: rgb(51, 51, 255);">
<li><a href="purple.html">cameras</a></li>
</ul>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="red.html">websites</a></li>
<ul>
<ul>
<li style="text-decoration: underline; color: rgb(51, 51, 255);"><a href="black.html">training</a></li>
</ul>
</ul>
</ul>
</div>
You can't nest lists the way you do and you can't have LIs on the loose between lists. There is no need for nesting. Nor is there any need for more than one list. The DIV around it all isn't needed either, if you don't have any special plans for it. You could as w ell put the id on the UL. The one UL that will be left when you have cleaned it up.
There is no reason to float the DIV that I can see. Same goes for the UL in case you remove the DIV.The result should be one list with floated LIs. Less Is More.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.