Brad Bansner
asked on
Trying to edit a page with Adobe Contribute, Javascript menu blocking editable content on page
I am tasked with working on this website, although I did not build it:
http://www.orchardfriends.org
My client needs to be able to edit the website with Adobe Contribute, which I do not normally use (I have downloaded a trial version to try to figure this out).
The drop-down menus on the nav appear to have been built with a jQuery plugin, and they work across all browsers and platforms.
In order to make some structural changes the client wanted, I made a "wrapper" DIV to enclose the entire page content, and positioned the menus "absolute" in order to make them line up with the nav buttons (see attached CSS code).
When you view the page in Contribute, it looks/functions fine. However, when you try to edit a page, the drop-down menus turn into what looks like a <ul> list. This extends the DIV enclosing the menu down so that it covers up all the other content on the page, and then you can't edit anything.
Again, I don't normally use Contribute, so I'm not sure how to fix this. I'm not sure why Contribute renders the menus as a <ul> list instead of leaving them dynamic. Is there some way to select content behind the DIV enclosing the menu? Or tell Contribute to ignore that particular element so that content behind it can be selected? Or best of all, simply hide that element altogether, since client shouldn't be able to edit the menus anyway?
See attached screenshot of what it looks like when I try to edit the page. I would really appreciate any help.
Thank you!
http://www.orchardfriends.org
My client needs to be able to edit the website with Adobe Contribute, which I do not normally use (I have downloaded a trial version to try to figure this out).
The drop-down menus on the nav appear to have been built with a jQuery plugin, and they work across all browsers and platforms.
In order to make some structural changes the client wanted, I made a "wrapper" DIV to enclose the entire page content, and positioned the menus "absolute" in order to make them line up with the nav buttons (see attached CSS code).
When you view the page in Contribute, it looks/functions fine. However, when you try to edit a page, the drop-down menus turn into what looks like a <ul> list. This extends the DIV enclosing the menu down so that it covers up all the other content on the page, and then you can't edit anything.
Again, I don't normally use Contribute, so I'm not sure how to fix this. I'm not sure why Contribute renders the menus as a <ul> list instead of leaving them dynamic. Is there some way to select content behind the DIV enclosing the menu? Or tell Contribute to ignore that particular element so that content behind it can be selected? Or best of all, simply hide that element altogether, since client shouldn't be able to edit the menus anyway?
See attached screenshot of what it looks like when I try to edit the page. I would really appreciate any help.
Thank you!
#dynamicmenus{position:absolute;width:596px;z-index:999;top:0px;left:0px;margin:0px;padding-left:102px;padding-right:102px;cursor:pointer;}ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER