We help IT Professionals succeed at work.

How to make this menu work for multiple lines

svetoslavm
svetoslavm asked
on
Hello,

I've followed this tutorial and the menu works great.
http://matthewjamestaylor.com/blog/centered-dropdown-menus

I want to use it in a different way.

I will display some database records and want to have a gear icon which when hovered will show operations in a dropdown menu.
The thing is using this menu goes over one another

any ideas ?
Comment
Watch Question

Commented:
Deatils are not clear

Author

Commented:
thanks for the replies.
added a screenshot
db-records-menus.png
Jagadishwor DulalSenior Web Developer

Commented:
What is your list style ul li can you post your link or css cause we don't know what did you modify there.

Author

Commented:
Actually I managed to make the hover to appear.

Check this link:
http://bcache.com/tmp/list.htm

the question now is how to: make box with a border when you mouse over the great (right) this may not appear in all browsers as it is an HTML entity

oper-border.png
Commented:
here you go
.centeredmenu ul ul {
    background-color: white;
    border: 1px solid blue;
    display: none;
    left: 0;
    position: absolute;
    right: auto;
    top: 2em;
    width: 10em;
}

Open in new window

Author

Commented:
Thanks Eyal!