Seems I always have nav bar issues when I want to add to the customization.
I added drop downs to the "MORE INFO" button and they are working great in IE7 but when I got to work - they won't even work in IE6. :cry
A friend also told me they were problematic in Firefox as well.
I'm sure it's a simple tweak of the CSS but I just don't have the knowledge to figure it out for myself.
Can you help me, please? :bow
www.jenweaverphotography.com (http://www.jenweaverphotography.com)
or if it's not working try:
www.jenweaverphotography.smugmug.com (http://www.jenweaverphotography.smugmug.com)
Thanks in advance for your help.
Jen New html, fixed a couple errors.
<div class="menu">
<ul>
<li><a href="http://www.jenweaverphotography.com">Home</a></li>
<li><a class="drop" href="/galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/galleries">All Galleries</a></li>
<li><a href="/date">Photos By Date</a></li>
<li><a href="/Animals%20&%20Birds">Animals & Birds</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="#nopick">General Photography
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Food">Food</a></li>
<li><a href="/Macro">Macro</a></li>
<li><a href="/Night%20Photography">Night Photography</a></li>
<li><a href="/Photojournalistic">Photojournalistic</a></li>
<li><a href="/Photo%20Restorations">Photo Restorations</a></li>
<li><a href="/Sculpture">Sculpture</a></li>
<li><a href="/Sports">Sports</a></li>
<li><a href="/Still%20Life%20&%20General%20Photography">Still Life & General Photography</a></li>
<li><a href="/Transportation">Transportation</a></li>
<li><a href="/Infrared%20&%20HDR">Infrared & HDR</a></li>
<li><a href="/Glamour">Glamour</a></li>
<li><a class="drop" href="#nopick">Nature & 'Scapes' >
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Nature">Butterflies & Bugs</a></li>
<li><a href="/Nature">Flowers</a></li>
<li><a href="/Scapes">Landscapes</a></li>
<li><a href="/Nature">Nature</a></li>
<li><a href="/Scapes">Skyscapes</a></li>
<li><a href="/Scapes">Waterscapes</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/Photo%20Art">Photo Art</a></li>
<li><a class="drop" href="#nopick">Places >
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/Architecture%20&%20Bridges">Architecture & Bridges</a></li>
<li><a href="/Beaches,%20Lighthouses%20&%20Boardwalks">Beaches, Lighthouses<br>& Boardwalks</a></li>
<li><a href="/Cemeteries">Cemeteries</a></li>
<li><a href="/Historic%20Sites">Historic Sites, Landmarks, Monuments</a></li>
<li><a href="/Roadside%20Oddities%20&%20Offbeat%20Attractions">Roadside Oddities</a></li>
<li><a href="/Travel">Travel</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="#nopick">People >
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/People">Candids</a></li>
<li><a href="/People">Portrait Portfolio</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/Weddings%20&%20Events">Weddings & Events</a></li>
<li><a href="/Customers">CUSTOMERS</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://www.jenweaverphotography.com">MORE INFO
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/2752696">About Jen Weaver</a></li>
<li><a href="http://www.smugmug.com/prints/catalog2.mg" target="blank">Items Available for Purchase</a></li>
<li><a href="/gallery/4093835/1/238605635" target="blank">How to Buy Prints</a></li>
<li><a href="http://www.cranburycustom.com/LargeFormatDigitalPrinting.html" target="blank">Large Format Prints Available Here</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://jenweaverphotography.blogspot.com/" target="blank">Jen's Photo Blog</a></li>
<li><a href="/gallery/2750537">Guestbook</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
Tweak the widths to center and not wrap to two lines.
menu {
position: relative;
display: block;
z-index: 99;
padding: 0px 0px 10px 0px; /* spacing around menu - top right bottom left */
height: 15px; /* menu container */
width: 765px; /* width of menu */
_width: 775px; /* IE6 width of menu */
margin: 0 auto; /* this should center navbar */
}