I'm almost finished with the CSS drop down with a fly out navigation
(using a small bit of JS). Here's what I'm trying to do...
The navigation is horizontal that stretches 700 px. The far right side
I want the drop down fly outs to fly out to the left verses right. I
can change all of the menus to fly out to the left, but how do I select
those few to do this?
/*Code for flyout to go to the right*/
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
/* Working Code for Navigation -Left flyout*/
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: -160px;
/* 2nd Menu Hover Persistence Arrow Blue-LightGray*/
ul#navmenu li:hover a.arrow1,
ul#navmenu li.iehover a.arrow1 {
background-image:url(/Test/Navigation/arrow-small3.gif);
background-position:right;
background-repeat:no-repeat;
}
NOTE: I would like "Benefits" to fly out to the left verses right. I
could apply this to the top level, Human Resources, but I'm not sure
about the coding.
<li><a href="/Human_Resources/index.cfm" target="_top">Human
Resources</a></li>
<ul>
<li><a href="/Human_Resources/Contacts/Index.cfm"
target="_top">Contacts</a></li>
<li><a href="/Human_Resources/Benefits/Index.cfm" target="_top"
class="arrow1">Benefits</a></li>
<ul>
<li><a href="/Human_Resources/Benefits/Insurance/index.cfm"
target="_top">Insurance</a></li>
<li><a
href="/Human_Resources/Benefits/Flexible_Benefits/index.cfm"
target="_top">Flexible Spending</a></li>
</ul>
Chris Audano
City of Overland Park
Information Technology
913-895-6069
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
