I was trying to do some adjusting. I added some dropdowns under investment. I wanted to move investment in front of Contact me on my nav bar. I have completely messed up my site! I need serious help!! Please help me!!!!
www.hollybrowder.com (http://www.hollybrowder.com)
You have a long list dropping down and it will probably get much bigger. How
about having that long list in three columns? Then you can move/add
families anywhere in the three columns. The flyouts will also go towards the
middle of the window instead of off to the right.
Copy your current header and CSS first into text files and save as backup.
Then replace you header box with this.
<div id="my_header">
<center>
<a href="/">
<img src="/photos/355979578_b8peH-L.gif" border="0">
</a>
</center>
</div>
<div class="menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/5747130_NJmQY/">About Me</a></li>
<li><a class="drop" href="/galleries">Galleries
<!--><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/5737867_4qehK/">newborn</a></li>
<li><a href="/gallery/5740872_yDVJQ/">children</a></li>
<li><a href="/gallery/5761707_WFRgs/">family & siblings</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="/gallery/5746863_hqVKQ/">How I Work</a></li>
<li><a href="/gallery/5754583_mNYFP/">Contact Me</a></li>
<li><a class="drop" href="/gallery/5746989_K9fen/">Investment
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/5746989_K9fen">pricing
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="goleft">
<li><a href="/gallery/6903206_g4aST/1/441681853_WXorc">session fee</a></li>
<li><a href="/gallery/6904293_uQ3b5">pricing of prints</a></li>
<li><a href="/gallery/6904565_UTmAL/1/441766619_d392Y">novelties</a></li>
<li><a class="drop" href="/gallery/5960034_ASq6s">client proofs
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="goleft">
<li><a href="/gallery/6315037_8SRRv#P-1-15">The Carlee Family</a></li>
<li><a href="/gallery/6576334_QZZ3y/6/418716576_rFEej#P-1-20">The Dunn Family</a></li>
<li><a href="/gallery/6512537_oDPLc/1/414091907_N66YN#413763562_7kd6o">The Zagar Family</a></li>
<li><a href="/gallery/6027821_mwG3P/#377287124_MCqhB">The Hunter's Christening</a></li>
<li><a href="/gallery/6677481_cP3LM#426264596_ApN5N">The Daigle Family</a></li>
<li><a href="/gallery/6092877_QEUDv#382537070_REWhF">The Pieroni Family</a></li>
</ul>
<ul class="goleft doubleflyout">
<li><a href="/gallery/6142823_FPQSm#386966819_xkhps">The Matson Family</a></li>
<li><a href="/gallery/6154447_NLizw#387588636_UTfqG">The Hegwood Family</a></li>
<li><a href="/gallery/6211504_j46x3#392065903_JLkQp">The Loyd Family</a></li>
<li><a href="/gallery/6383063_q5zrG/1/403633691_AGy6E#403633691_AGy6E">The Storey Family</a></li>
<li><a href="/gallery/6502905_TvEKn#413083330_bSdX5">The Joiner Family</a></li>
<li><a href="/gallery/6520812_z8WoC#414426902_UQG7n">The Lanza Family</a></li>
</ul>
<ul class="goleft doubleflyout2">
<li><a href="/gallery/6583187_hqh46/1/419294993_MtGXn#419294993_MtGXn">The Beneke Family</a></li>
<li><a href="/gallery/6637320_2Gkia#423306768_skhE6">The Deifenderfer Family</a></li>
<li><a href="/gallery/6661614_QUnJD#P-8-12">The Weygand Family</a></li>
<li><a href="/gallery/6720785_JXfLf#429138862_MdNsM">The Ogle Family</a></li>
<li><a href="/gallery/6746568_uxvr5#430915293_YJRdL">The Hoffman Family~3 Months</a></li>
<li><a href="/gallery/6767546_q5w9R#432167945_7ivbM">The Sassano Family</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]-->
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
Add this to the bottom of your nav CSS.
.menu ul li:hover ul.goleft li a {
display:block;
background: #000; /* 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.goleft li a,
.menu ul li a:hover ul.goleft li a, {
width: 100px; /* IE DD FO box */
background: #000; /* DD FO non-hover IE */
color: white; } /* DD FO non-hover IE */
/* right most menu box dropdown */
.menu ul li:hover ul.goleft {
left: 0px;} /* FF DD move right left */
.menu ul li a:hover ul.goleft {
left: 0px;} /* IE DD move right left */
/* right most menu box flyout */
.menu ul li:hover ul li:hover ul.goleft {
left: -100px;} /* FF FO move right left */
.menu ul li a:hover ul li a:hover ul.goleft {
left: -100px;} /* IE FO move right left */
.menu ul li:hover ul.goleft li a:hover {
background: #000; /* DD FO hover FF */
color: #ccc;} /* DD FO hover FF */
.doubleflyout {
display:block; z-index:99;
position: absolute !important;
left: -220px !important;
_left: -220px !important;
} /* albums flyout double */
.doubleflyout2 {
display:block; z-index:99;
position: absolute !important;
left: -340px !important;
_left: -340px !important;
} /* albums flyout double */
/* left most menu box flyout */
.menu ul li:hover ul li:hover ul.goleft a {
padding: 0 10px; /* FF */
}
.menu ul li a:hover ul li a:hover ul.goleft a {
padding: 0 10px;} /* IE */
[I]
/* ==== END NAVBAR CODE ==== */