PDA

View Full Version : Need Help With Navbar


photomarvin
Nov-08-2006, 12:56 PM
Okay, so I tried taking this piece of code and adjusting it for my site and it is all messed up now. Can you anyone tell me what I am missing in the code. The first 2 main menu items are okay, but everything else just falls right underneath the 2nd. Here is the html code:

<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->
<div align="center">
<div class="menu">
<ul>

<!-- First Main Menu Item -->
<li><a href="http://www.simplyimagesphotography.com/"
title="Home"><font color=white>Home</font><!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!-- Next Main Menu Item -->
<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography"
title="Photography">Photography<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography/2290
05" title="Sports Galleries">Sports Galleries »<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography/2290
03" title="Fashion Galleries">Fashion Galleries »<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography/2147
57" title="Wedding Galleries">Wedding Galleries »<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography/2317
20" title="Theate & Dance Galleries">Theatre & Danced Galleries
»<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography/1828
50" title="Portrait Galleries">Portrait Galleries »<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li><a class="drop"
href="http://www.simplyimagesphotography.com/Photography/2326
19" title="Event Galleries">Event Galleries »<!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!-- Next Main Menu Item -->
<li><a href="http://www.simplyimagesphotography.com/"
title="About Me"><font color=white>About Me</font><!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<!-- Next Main Menu Item -->
<li><a href="mailto: robbie.schraeder@gmail.com" title="E-mail
Me"><font color=white>E-mail Me</font><!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<!-- Next Main Menu Item -->
<li><a
href="http://www.simplyimagesphotography.com/gallery/1400318"
title="Guestbook"><font color=white>Guestbook</font><!--[if IE
7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[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>

</li>
</ul>
</div>
</div>
<!-- End Navbar Code -->

Allen
Nov-08-2006, 01:33 PM
Okay, so I tried taking this piece of code and adjusting it for my site and it is all messed up now. Can you anyone tell me what I am missing in the code. The first 2 main menu items are okay, but everything else just falls right underneath the 2nd. Here is the html code:


Try this, a little clean up.

<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->

<div class="menu">
<ul>

<!-- First Main Menu Item -->
<li><a href="http://www.simplyimagesphotography.com/"title="Home"><font color=white>Home</font></a></li>

<!-- Next Main Menu Item -->
<li><a class="drop" href="http://www.simplyimagesphotography.com/Photography"title="Photography">Photography
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.simplyimagesphotography.com/Photography/229005" title="Sports Galleries">Sports Galleries »</a></li>
<li><a href="http://www.simplyimagesphotography.com/Photography/229003" title="Fashion Galleries">Fashion Galleries »</a></li>
<li><a href="http://www.simplyimagesphotography.com/Photography/214757" title="Wedding Galleries">Wedding Galleries »</a></li>
<li><a href="http://www.simplyimagesphotography.com/Photography/231720" title="Theate & Dance Galleries">Theatre & Danced Galleries»</a></li>
<li><a href="http://www.simplyimagesphotography.com/Photography/182850" title="Portrait Galleries">Portrait Galleries »</a></li>
<li><a href="http://www.simplyimagesphotography.com/Photography/232619" title="Event Galleries">Event Galleries »</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->
<li><a href="http://www.simplyimagesphotography.com/"title="About Me"><font color=white>About Me</font></a></li>

<!-- Next Main Menu Item -->
<li><a href="mailto: robbie.schraeder@gmail.com" title="E-mail Me"><font color=white>E-mail Me</font></a></li>

<!-- Next Main Menu Item -->
<li><a href="http://www.simplyimagesphotography.com/gallery/1400318"title="Guestbook"><font color=white>Guestbook</font></a></li>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
<!-- End Navbar Code -->

If you're going to add drops to the galleries that can be
add later as you do them.
AL