CSS positioning issues: Wordpress
I am following this tutorial here http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery when adding a menu with jquery.
I created my menu, but I find it difficult to add it to wordpress. I opened the header.php file as I want it to appear below the banner, and I insert it into my own div, but it always "pushes" everything underneath it to the right.
How can I stop this?
Here's the code:
<ul id="nav">
<li><a href="#">1 HTML</a></li>
<li><a href="#">2 CSS</a></li>
<li><a href="#">3 Javascript</a>
<ul>
<li><a href="#">3.1 jQuery</a>
<ul>
<li><a href="#">3.1.1 Download</a></li>
<li><a href="#">3.1.2 Tutorial</a></li>
</ul>
</li>
<li><a href="#">3.2 Mootools</a></li>
<li><a href="#">3.3 Prototype</a></li>
</ul>
</li>
a source to share
It's hard to tell without looking at the whole, but based on ignorance of your problem, the only thing I can recommend you try is the CSS property:
ul#nav {
position: absolute;
}
Thus, it will not crowd out other elements. This can have different consequences, depending on the other elements you may have.
a source to share
Sounds like you are missing a closure </ul>
? You can also use the W3C Markup Validation Service to resolve invalid tags.
a source to share