Well I screwed up!

[WallyBud]

Spend half the day customizing my page and got SO far!

I just can't get my Navibar right? All I want is the straight line across and the galleries part the way it is.

Along the way I must have cut something and forgot to paste it back in when it didn't work out. The code must be broken and everything is now a mess lol

Can someone PLEASE take a look at the code for me????:bow
www.takeinlife.smugmug.com



<div align="center">

<div class="menu">

<ul>

<!-- First Main Menu Item -->

<li><a class="drop" href="XXXXXX" title="Take|In|Life Photography">Home<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>

<li><a href="XXXXXX" title="Contact Us!">Contact Us</a></li>
<li><a href="mailto:WALLYBUD@COMCAST.NET" title="Leave Walt Email">Email Us</a></li>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="http://takeinlife.smugmug.com/Landscapes" title="Galleries">Galleries<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

<ul>

<li><a href="http://www.takeinlife.smugmug.com/gallery/7498080_HFJoY#483404531_p7Djx" title="Landscape">Landscape</a></li>
<li><a href="http://takeinlife.smugmug.com/gallery/7498155_otngE#484036871_GuJtc">Black & White</a></li>
<li><a href="http://www.takeinlife.smugmug.com/gallery/7489543_b9PaN#484064909_6bEcH">Animals & Insects</a></li>
<li><a href="http://takeinlife.smugmug.com/gallery/7507560_qmSDk#484730138_hXZCC">EF 35mm F1.4L</a></li>

<ul>

<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
</ul>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="drop" href="XXXXXX" title="e"></a><li>!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="XXXXXX" title=""><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

<ul>


</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>


<ul>


</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>




</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>



<!-- Next Main Menu Item -->

<li><a href="XXXXXX" title="XXXXXX">XXXXXX<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

<ul>

<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>

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

</li>

<!-- Next Main Menu Item -->

<li><a href="XXXXXX" title="Extra! Extra!">XXXXXX<!--[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="XXXXXX" title="XXXXXX">XXXXXX<!--[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="XXXXXX" title="XXXXXX">XXXXXX<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>





</ul>

</div>
</div>

[WallyBud]

Anyone :(

[jfriend]

Anyone :(

I'd suggest taking your entire navbar out of your page. Save it in a pure text editor like notepad. Verify that your page works OK with everything out. Then, slowly build up your navbar piece by piece. Start with a plain navbar with no drop-downs. When you get that in right, then add one drop-down at a time. If you get an error, stop there and examine what might be missing or post a more specific question about that exact part of the navbar.

If you have no idea how to construct the navbar, then remove your entire navbar and make sure your page works. Go back to the tool that generated it for you in the first place and regenerate a brand new navbar. Plug that one in in it's entirety.

[Allen]

Spend half the day customizing my page and got SO far!

I just can't get my Navibar right? All I want is the straight line across and the galleries part the way it is.

Along the way I must have cut something and forgot to paste it back in when it didn't work out. The code must be broken and everything is now a mess lol

Can someone PLEASE take a look at the code for me????:bow
www.takeinlife.smugmug.com (http://www.takeinlife.smugmug.com)

...
Change your whole header to this. Cleaned up the nav html. See this page (http://allen-steve.smugmug.com/gallery/2327835)
and follow the pattern.

<div id="my_banner"> </div>


<div align="center">

<div class="menu">

<ul>

<!-- First Main Menu Item -->

<li><a class="drop" href="/" title="Take|In|Life Photography">Home
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="XXXXXX" title="Contact Us!">Contact Us</a></li>
<li><a href="mailto:WALLYBUD@COMCAST.NET" title="Leave Walt Email">Email Us</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="/Landscapes" title="Galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/7498080_HFJoY" title="Landscape">Landscape</a></li>
<li><a href="/gallery/7498155_otngE">Black &amp; White</a></li>
<li><a href="/gallery/7489543_b9PaN">Animals &amp; Insects</a></li>
<li><a href="/gallery/7507560_qmSDk">EF 35mm F1.4L</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li><a class="drop" href="XXXXXX" title="e">xxxxxx
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="XXXXXX" title="">xxxxxx
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="XXXXXX" title="XXXXXX">XXXXXX
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a href="XXXXXX" title="Extra! Extra!">XXXXXX</a></li>

<!-- Next Main Menu Item -->

<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>

<!-- Next Main Menu Item -->

<li><a href="XXXXXX" title="XXXXXX">XXXXXX</a></li>

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

Then set the width to 890px in this for starters.

.menu {
margin: auto;
padding:10px 0px 15px 0px;
position:relative; /*Make the container moveable*/
width:890px; /*Main bar total width*/
font-size:0.85em;
padding-bottom:30px; /*Padding between the bottom of your mainbar and the rest of your page */
}

[WallyBud]

Oh the page works fine, and then I added a simple Nav bar...But then I found code for a really nice one accept it had WAY too many drop downs for what I needed...I was able to successfully remove some however when trying to remove some code I forgot to copy it before deleting and when I updated it was wrong (I then couldn't fix it haha) The code for this nav bar is WAY over my head as I only know basic HTML etc...



Thank Allen
Ill work on it now and let you know how it goes :barb

[WallyBud]

Curious if there is a code to be able to put a background patterns behind the text in my navbar instead of a solid color? Or should I just find free buttons online? I think I remember doing that in highschool :wink