I have my navbar the way I want it, but would like to get some dropdowns from a couple of those links.

Help?

This is from my HEADER:

<div align="center">
<a href="http://mattaddington.smugmug.com/"><img src="http://mattaddington.smugmug.com/photos/88086216-L.jpg" width="800" height="119" border="0">
</div>
<div id="navcontainer">
<ul>
<li><a href="http://mattaddington.smugmug.com/"> HOME </a></li>
<li><a href="#"> GALLERIES </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753283"> PORTFOLIO </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753292"> SERVICES </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753293"> ABOUT ME </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1752941"> CONTACT </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753345"> GUESTBOOK </a></li>
</ul>
</div>

And this if from CSS:

/*==============*/
/*== Nav Bar ==*/
/*==============*/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #330000;
}

#navcontainer ul li a:hover
{
color: #000000;
background-color: #EE7600;
}


Thanks!

mattaddington.smugmug.com

If you wish you can use "view source" to check how I did mine....
Good luck...

www.brandolinoimaging.com

Originally Posted by brandofamily If you wish you can use "view source" to check how I did mine.... Good luck... www.brandolinoimaging.com

Thanks so much Anthony!!

it worked great except one thing...

the navbar isn't centered on the page. I thought I had everything in there correctly. Can you see anything in the CSS or code that would say otherwise??

<!-- Drop Nav Bar -->
<div align="center">
<div class="menu">
<ul>
<li><a href="http://mattaddington.smugmug.com/"> HOME </a></li>
<li><a href="#"> GALLERIES </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753283"> PORTFOLIO </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753292"> SERVICES
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->

<table class="droptable1"><tr><td>

<ul>
<li><a href="#" title="Announcements & Collages">Announcements & Collages</a></li>
<li><a href="#" title="Logo Design">Logo Design</a></li>
<li><a href="#" title="Photo Retouching">Photo Retouching</a></li>
<li><a href="#" title="Restoration">Restoration</a></li>
</ul>


/*********************************/
/*Drop-Down/ Fly-Out Nav. Buttons*/
/*********************************/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a


Thanks.

mattaddington.smugmug.com

Originally Posted by Addman8 Thanks so much Anthony!! it worked great except one thing... the navbar isn't centered on the page. I thought I had everything in there correctly. Can you see anything in the CSS or code that would say otherwise?? <!-- Drop Nav Bar --> <div align="center"> <div class="menu"> <ul> <li><a href="http://mattaddington.smugmug.com/"> HOME </a></li> <li><a href="#"> GALLERIES </a></li> <li><a href="http://mattaddington.smugmug.com/gallery/1753283"> PORTFOLIO </a></li> <li><a href="http://mattaddington.smugmug.com/gallery/1753292"> SERVICES <!--[if IE 7]><!--> </a> <!--<![endif]--> <table class="droptable1"><tr><td> <ul> <li><a href="#" title="Announcements & Collages">Announcements & Collages</a></li> <li><a href="#" title="Logo Design">Logo Design</a></li> <li><a href="#" title="Photo Retouching">Photo Retouching</a></li> <li><a href="#" title="Restoration">Restoration</a></li> </ul>

those in red seem to be unclosed... check the overall code. I think you lost a bit when you editted...

Originally Posted by brandofamily those in red seem to be unclosed... check the overall code. I think you lost a bit when you editted...

That was actually only a part of the overall code. I pasted the whole thing here...

Anything still look funny?

<!-- Drop Nav Bar -->
<div align="center">
<div class="menu">
<ul>
<li><a href="http://mattaddington.smugmug.com/"> HOME </a></li>
<li><a href="#"> GALLERIES </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753283"> PORTFOLIO </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753292"> SERVICES
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->

<table class="droptable1"><tr><td>

<ul>
<li><a href="#" title="Announcements & Collages">Announcements & Collages</a></li>
<li><a href="#" title="Logo Design">Logo Design</a></li>
<li><a href="#" title="Photo Retouching">Photo Retouching</a></li>
<li><a href="#" title="Restoration">Restoration</a></li>
</ul>

</td></tr></table>

<!--[if lte IE 6]>
</a>
<![endif]-->

</li>

<li><a href="http://mattaddington.smugmug.com/gallery/1753293"> ABOUT ME </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1752941"> CONTACT </a></li>
<li><a href="http://mattaddington.smugmug.com/gallery/1753345"> GUESTBOOK </a></li>
</ul>
</div>

Originally Posted by Addman8 <!-- Drop Nav Bar --> <div align="center"> <div class="menu"> <ul> <li><a href="http://mattaddington.smugmug.com/"> HOME </a></li> <li><a href="#"> GALLERIES </a></li> <li><a href="http://mattaddington.smugmug.com/gallery/1753283"> PORTFOLIO </a></li> <li><a href="http://mattaddington.smugmug.com/gallery/1753292"> SERVICES <!--[if IE 7]><!--> </a> <!--<![endif]--> <table class="droptable1"><tr><td> <ul> <li><a href="#" title="Announcements & Collages">Announcements & Collages</a></li> <li><a href="#" title="Logo Design">Logo Design</a></li> <li><a href="#" title="Photo Retouching">Photo Retouching</a></li> <li><a href="#" title="Restoration">Restoration</a></li> </ul> </td></tr></table> <!--[if lte IE 6]> </a> <![endif]--> </li> <li><a href="http://mattaddington.smugmug.com/gallery/1753293"> ABOUT ME </a></li> <li><a href="http://mattaddington.smugmug.com/gallery/1752941"> CONTACT </a></li> <li><a href="http://mattaddington.smugmug.com/gallery/1753345"> GUESTBOOK </a></li> </ul> </div></div>

red is still an unclosed div i believe add the green