Results 1 to 13 of 13
Sep 15, 2013, 16:08 #1
- Join Date
- May 2011
- 0 Post(s)
- 0 Thread(s)
How to adjust positioning of a flyout menu to keep it on the screen
Hello! Please take a look at my web page: http://home.roadrunner.com/~dstreb/hotdog/index.html I am very pleased with it, except for I have a couple problems
* The child flyout items are a little off. You will notice that the last child item has a little extra graphics, like itís just about to start a new item. Similarly, as you hover over each child item, the entirety of the item does not turn gray, as thereís a little sliver of black still there. Why does this happen and how do I fix it?
* If you hover over the last parent item, youíll see that there are a lot of child items. So many child items, in fact, that I canít see all of them (they go beyond the bottom of my screen). So what I want to do is if there is enough room set the child menuís top to be 10px below the parent itemís top, but if there is not enough room (if the bottom of the menu will go beyond the bottom of the screen) set the child menuís top to be the height of the screen minus the height of the menu (so itís aligned to the bottom of the screen). How do I do this?
* I use the z-index attribute to allow the menu to expand over into the main div, but I converted the webpage to use frames (http://home.roadrunner.com/~dstreb/h...mes/index.html), and this no longer works. Is there a way to make this work with frames?