How to make this menu work for multiple lines

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 ?
svetoslavmAsked:
Who is Participating?
 
EyalCommented:
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

0
 
usaidmCommented:
Deatils are not clear
0
 
EyalCommented:
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
svetoslavmAuthor Commented:
thanks for the replies.
added a screenshot
db-records-menus.png
0
 
Jagadishwor DulalBraces MediaCommented:
What is your list style ul li can you post your link or css cause we don't know what did you modify there.
0
 
svetoslavmAuthor 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
0
 
svetoslavmAuthor Commented:
Thanks Eyal!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.