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:

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!

Open in new window

Brad BansnerWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jason C. LevineDon't talk to me.Commented:
>> I'm not sure why Contribute renders the menus as a <ul> list instead of leaving them dynamic

Contribute either can't evaluate the Jquery to render the CSS properly or it can't find the CSS at all if it is ignoring the Jquery.  

However, not sure why it is throwing the PHP require() errors at you and if those are screwing up anything else (possible, but unlikely).

I have a feeling it's the craptastic rendering in Contribute that's the problem.  The only thing I can think of that would work within Contribute is to set the z-index value of the menu div lower than the content div.  That should bring the content to the front and allow editing.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
The menus are being rendered using this stylesheet:

If you can get contribute to load and use it, it might clear up the problem.  I don't know contribute, so I can't give you details on how to bring in the style sheet.

Brad BansnerWeb DeveloperAuthor Commented:
I changed all of the include files to full URLs, that seems to have fixed it. I guess Contribute didn't like the local includes, CSS and so forth. So the PHP require() errors were a clue. Thanks guys!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Dreamweaver

From novice to tech pro — start learning today.