Issue Details (XML | Word | Printable)

Key: SM-26
Type: Bug Bug
Status: Resolved Resolved
Resolution: Fixed
Priority: Major Major
Assignee: Matt Raible
Reporter: Matt Raible
Votes: 0
Watchers: 0
Operations

If you were logged in you would be able to see more operations.
Struts Menu

tabs.css - submenum position

Created: 09/May/06 01:40 AM   Updated: 23/Mar/07 03:38 PM   Resolved: 16/Oct/06 05:47 PM
Component/s: Displayers
Affects Version/s: 2.3
Fix Version/s: 2.4.2

File Attachments: 1. Zip Archive bug-1010117.zip (16 kB)

Environment:
- browser: Mozilla 1.7.2
- O.S.: linux (Fedora core 2)
- struts-menu: v2.2
- menu: TabbedMenuDisplayer


 Description  « Hide
Copied from SF http://sourceforge.net/tracker/index.php?func=detail&aid=1010117&group_id=48726&atid=453974:

Submenu elements shows it in a incorrect position (top
of main window), no under tabs. I change the default
css (tabs.css) entry:
#menuList li.selected ul.submenu {
display: inline;
left: 10px;
position: absolute;
top: 35px;
}

by this other:
#menuList li.selected ul.submenu {
display: block;
position: absolute;
margin:35px 0;
}

and now works fine! :)

Sort Order: Ascending order - Click to sort in descending order
Matt Raible added a comment - 16/Oct/06 05:46 PM
The following seems to work better, but I'm somewhat unsure of what problem this solves. do you have a before and after screenshot?

.menuList li.selected ul.submenu {
    display: block;
    position: absolute;
    margin: 25px 0px 0px -10px;
}

Gerard Torrent added a comment - 17/Oct/06 02:33 PM
Hi Matt,

I added the requested screenshots.
File the readme.txt

Regards, Gerard

Matt Raible added a comment - 17/Oct/06 02:38 PM
Cool - thanks for the detailed bug report. I've verified that the CSS change I noted above works with the "solution". Thanks again!

Harakiri added a comment - 02/Nov/06 05:54 AM
Well guys, you actually broke the Menu for Internet Explorer - the Submenu will be waay on the left side now - the correct fix is :

.menuList li.selected ul.submenu {
    display: inline;
    left: 10px;
    position: absolute;
    top: 60px;
}

where top: 60px; is some value you need to ajust according to the size of the header text you put above

Harakiri added a comment - 02/Nov/06 05:55 AM
duh, i mean "right" side not left side for the submenu