hey all looking to change my navbar. in the sports title i want it to drop to skowhegan hockey and planet cheer then flyout off eachcant quite get it though. on the skowhegan one i want ohl and round robin in planet cheer I will add them later any ideas. allen if you see this maybe we can resolve on aim again?? www.sargentphotography.org (http://www.sargentphotography.org)
Is this what you're looking for? I added in the bold for sports.
<div class="menu">
<ul>
<li><a class="drop" href="#nopick">Portfolio
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/3043138">Portraits</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/sports">NEW
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/3939127">Meagan</a></li>
<li><a href="/gallery/3844176">Lovewell Family</a></li>
<li><a href="/gallery/3738559">Cristina Maternity</a></li>
<li><a href="/gallery/3687267">LAYSA</a></li>
<li><a href="/gallery/3672324">ME Ice Storm</a></li>
<li><a href="/gallery/3607173">Torey</a></li>
<li><a href="/gallery/3714484">Reny Family</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/sports">SHL
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/">Mt Ararat</a></li>
<li><a href="/gallery/4074644">vs. OHL</a></li>
<li><a href="/gallery/3883422">Round Robin</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="#nopick">Sports
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="#nopick">Hegan Hockey
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/4074644">vs. OHL</a></li>
<li><a href="/gallery/3883422">Round Robin</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="#nopick">Planet Cheer
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/xxxxxxxx">future use</a></li>
<li><a href="/gallery/xxxxxxxx">future use</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/gallery/3551393">Pricing</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/">Home</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
Add this to the bottom of the menu CSS, it's needed for the flyouts to work.
.menu ul li:hover ul li:hover ul {
display: block;
position: absolute;
left: 102px; /* FF FO right left */
top: -27px; /* FF FO up down */
width: 146px; /* FF FO box width */
}
.menu ul li a:hover ul li a:hover ul {
display: block;
position: absolute;
top: -22px; /* FO up down */
color: #000000; /* unknown */
left: 147px; /* FO right left */
}
/*END EXTRA ADDS FOR IE*/
/* ADD TO HIDE EXTRA LEVELS */
/* make the 2nd level visible when
hover on 1st level list OR link */
.menu ul a:hover ul, /* IE */
.menu ul:hover ul { /* FF */
visibility:visible;
}
/* keep the 3rd level hidden when you
hover on 1st level list OR link */
.menu ul a:hover ul ul, /* IE */
.menu ul:hover ul ul { /* FF */
visibility:hidden;
}
/* make the 3rd level visible when you hover
over 2nd level list OR link */
.menu ul a:hover ul a:hover ul, /* IE */
.menu ul:hover ul:hover ul { /* FF */
visibility:visible;
}