submenu and display question
Posted: Sat Nov 24, 2007 10:40 am
Hello comunity, I know that this question has been resolved in so many post before but I can find a solution.
In my horizontal menu, I need that the submenu appears when I am placed in his father. The solution that a find is this:
The solution that I have found here is the following:
But doesn't work correctly, the children are always visible. Someone can tell how to control this, I'm horrible working with CSS.
any help with activeparent, menuparenth or menuparent(I'm not sure wich is correctly) menuactiveh ...
Thanks
In my horizontal menu, I need that the submenu appears when I am placed in his father. The solution that a find is this:
The solution that I have found here is the following:
Code: Select all
/********************
MENU
*********************/
/* hack for Internet Explorer */
* html div#menu_horiz {
/* hide ie/mac \*/
height: 1%;
/* end hide */
}
/*
background-color for the entire menu row,
covering 100% of the width and text center-aligned
*/
div#menu_horiz {
background-color: #ffa51b; /* background color for the entire menu row */
/*background: url(images/cms/arrow-right.gif) no-repeat 0.5em center;*/
width: 100%;
margin: 0;
}
/*
the menu ul box has top and left border,
right border is provided by the li elements
*/
div#menu_horiz ul {
margin: 0;
padding: 0;
border-top: 3px solid #FFF;
border-bottom: 3px solid #FFF;
border-left: 1px solid #C0C0C0;
height:2.2em;
width: 100%
}
/* menu list items */
div#menu_horiz li {
float: left; /* makes the list horizontal */
list-style: none; /* hides the list bullet */
margin: 0 ;
width: 11.41em;
text-align: center;
/*border: 1px solid #f00;*/
}
#menu_horiz li:hover ul,
#menu_horiz li:hover ul ul,
#menu_horiz li.menuparent ul,
#menu_horiz li.menuparent ul ul {
display: none;
}
#menu_horiz li:hover ul,
#menu_horiz ul li:hover ul,
#menu_horiz ul ul li:hover ul,
#menu_horiz li.menuparent ul,
#menu_horiz ul li.menuparent ul {
display: block;
}
any help with activeparent, menuparenth or menuparent(I'm not sure wich is correctly) menuactiveh ...
Thanks