Help troubleshooting CSS flyouts

  • Resolved bodhidude

    (@bodhidude)


    13 years, 5 months ago

    Hey there
    I’m developing a custom theme that has a left navigation menu consisting of images with a javascript mouseover function. I have a few submenus which are sub uls under the main list and I’m trying to create a CSS based flyout so when I mouseover a link with a submenu I get a flyout. I’ve made this work before but I’m having some trouble here, if anyone can help me figure out why my submenus are flying I’d appreciate it 😉
    The url of the site is http://www.greatlakesnaturalmedicine.com/wp/
    This is the CSS – http://wordpress.pastebin.com/1vjvYGgv
    The DIV is called Nav for this…..
    thnx

Viewing 2 replies - 1 through 2 (of 2 total)
  • Joseph

    (@jpe24524)

    13 years, 5 months ago

    Your CSS and HTML doesn’t match.

    You have the following CSS rule:

    #nav ul ul li:hover ul {
        display:block;
}

    But you HTML is something like this:

    <div id="nav">
	<ul>
		<li></li>
		<li></li>
		<ul><!-- the flyout -->
			<li></li>
			...
		</ul>
		...
	</ul>
</div>

    Thread Starter bodhidude

    (@bodhidude)

    13 years, 5 months ago

    thank you 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help troubleshooting CSS flyouts’ is closed to new replies.