submenu & forms/animations

Discussion in 'CSS' started by avukadomusic, Feb 6, 2009.

  1. #1
    ok this is the one problem I just cant find any solution for
    if anyone can solve it they must be genious

    http : // 62.219.17.142 / ~dhmusica / index . php works only in explorer for now!!

    I create menus with subs that open on hover using javascript
    the css that defines the menu:

    #nav, #nav ul { /* all lists */
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    float : right;
    width : 11em;
    }

    #nav li { /* all list items */
    position : relative;
    float : left;
    line-height : 1.25em;
    margin-bottom : -1px;
    width: 11em;
    }

    #nav li ul { /* second-level lists */
    position : absolute;
    left: -999em;
    margin-left : -15.45em;/* -16.55em for xhtml*/
    margin-top : -1.35em;
    }

    #nav li ul ul { /* third-and-above-level lists */
    left: -999em;
    }
    ...

    as you can see the main menu has to be relative
    if it is not all the menu shrinks to one little box

    because this is relative, when I stand open the submenus near forms or animations the submenu disapears when I try to stand on it
    because:
    forms: the forms are defined absolute with high z-index because if not the white spaces in which you write do not get a writing option when you mouse them.
    animations: they are defined absolute because I position then exactly.
     
    avukadomusic, Feb 6, 2009 IP