It seems that I am messed something up in my navbar code ... ???
If it is at all possible for a SmugHero to help me out I would greatly appreciate it !
I have eight navbar links but it seems that #4 is not showing unless you mouse over the 3rd ???
Thank You in Advance !!!
Here's your header nav html with all the oopies fixed. Replace the whole thing.
<div class="menu">
<ul>
<li><a href="/">HOME</a></li>
<li><a class="drop" href="/gallery/4042794">↓ About ↓
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/4026905">Slideshow</a></li>
<li><a href="/gallery/4024434">This Site</a></li>
<li><a href="/Resume">ME (Resume)</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/galleries">↓ Galleries ↓
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="/Parrots">Parrot(s) >
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/588515#200674804">Kaleidoscope</a></li>
<li><a href="/gallery/4021625#237643693">Short Videos</a></li>
<li><a href="/gallery/4152139#238195139">Sun Conure Info</a></li>
<li><a class="drop" href="Link">D1 Flyout 2 >
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Link">D1FO2 Flyout 1</a></li>
<li><a href="Link">D1FO2 Flyout 2</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 class="drop" href="/TRAVELS">Places</a></li>
<li><a href="/Live%20Music">Live Music</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="/gallery/4228482#247313026">Subaru</a></li>
<li><a class="drop" href="/find">↓ search ↓
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="/keyword">Keywords</a></li>
<li><a class="drop" href="/map">Map >
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="">Geotagging Info</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="">(Stay Tuned)</a></li>
<li><a href="">(Stay Tuned)</a></li>
<li><a class="drop" href="Link">D1 Flyout 2 >
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="Link">D1FO2 Flyout 1</a></li>
<li><a href="Link">D1FO2 Flyout 2</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://dgrin.com/">Dgrin >
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.dgrin.com/forumdisplay.php?f=31">Customization</a></li>
<li><a href="/gallery/4229066/1/247352600#247352600">My Site DEV</a></li>
<li><a href="">(Stay Tuned)</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/4024684">Comments</a></li>
<li><a href="/gallery/3922586">-EcoFacilities-</a></li>
<li><a class="drop" href="/gallery/4024434">-Soon To Come-
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="main6DD"> <!-- assigns class so it can be formated in CSS -->
<li><a href="Link">Drop 1</a></li>
<li><a class="drop" href="Link">< Drop 2
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="main6FO"> <!-- assigns class so it can be formated in CSS -->
<li><a href="Link">D2 Flyout 1</a></li>
<li><a class="drop" href="Link">< D2 Flyout 2
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="main6FO"> <!-- assigns class so it can be formated in CSS -->
<li><a href="Link">D2FO2 Flyout 1</a></li>
<li><a href="Link">D2FO2 Flyout 2</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
Add this to the bottom of your nav CSS. If controls the "soon to come" drops and flyouts.
/* FF right most menu box dropdown/flyout */
.menu ul li:hover ul.main6DD li a {
display:block;
background: gray; /* DD FO non-hover FF */
color: white; /* DD FO non-hover FF */
height: auto;
line-height: 20px; /* DD FO box height */
padding: 0px 0px;
width: 100px; } /* DD box width */
/* IE right most menu box dropdown/flyout */
.menu ul li a:hover ul.main6DD li a,
.menu ul li a:hover ul.main6FO li a, {
width: 100px; /* IE DD FO box */
background: gray; /* DD FO non-hover IE */
color: white; } /* DD FO non-hover IE */
/* right most menu box dropdown */
.menu ul li:hover ul.main6DD {
left: 0px;} /* FF DD move right left */
.menu ul li a:hover ul.main6DD {
left: 0px;} /* IE DD move right left */
/* right most menu box flyout */
.menu ul li:hover ul li:hover ul.main6FO {
left: -102px;} /* FF FO move right left */
.menu ul li a:hover ul li a:hover ul.main6FO {
left: -102px;} /* IE FO move right left */
.menu ul li:hover ul.main6DD li a:hover {
background: red; /* DD FO hover FF */
color: white;} /* DD FO hover FF */