menu problem

[Irishcash33]

Hello,
I have this expandable menu made with css and js.
The words are getting cut off. I see the container in Firebug that is causing this problem. But I can't find this style at all. It says its in the js file..
site (http://www.clashgraphicdesign.com/uk-site/Products/audit_fs copy.html)
left nav go to group two
Policies + Procedures and you will see my problem.
Any suggestions?

Thanks

[TheJoshMan]

Try adding replacing this section of code:




<div id="" class="qmfv" style="z-index: 31; position: relative;">


With This:


<div id="" class="qmfv" style="z-index: 31; position: relative; margin-left:-10px !important;">

[TheJoshMan]

That's the only way I could get it to move over without moving either the whole menu or the whole parent element within the menu.

[TheJoshMan]

Also, just thought you might want to know... Your menu is REALLY on the fritz in the page below:

http://www.clashgraphicdesign.com/uk-site/Products/examiner.html

It's displaying in the main content area and the list items have bullets and are all spread apart.

[Irishcash33]

Thanks for the heads up, I have only been tweaking the menu in the audit_fs page. Once I get the menu fixed on that page, I will tweak the other pages.

Thanks

I am going to try your solution now


Thanks

[Irishcash33]

Try adding replacing this section of code:




<div id="" class="qmfv" style="z-index: 31; position: relative;">


With This:


<div id="" class="qmfv" style="z-index: 31; position: relative; margin-left:-10px !important;">


Where is class="qmfv"? I searched the css and js, it's not there....

[TheJoshMan]

not sure... lemme go look again.

[TheJoshMan]

Did you use some sort of menu building software for the menu? As far as I can tell, that class is being generated by javascript. You could try adding the "!important" after each declaration, but I doubt if it will work. Might be worth a shot though.

[TheJoshMan]

If you're using a menu building program, I would certainly tell the company who created it that I wanted my money back. You won't be able to "workaround" the css the menu has generated as nearly every attribute already has "!important" after it.

[Irishcash33]

damn. Thanks
I did use a basic menu builder to start, then I did the rest in css.
So where would I put the !important?
It's worth a shot

thanks

[TheJoshMan]

to "override" styles that are already set in css, you can use "!important" after "your" version of the declaration.

Original:


.something_to_override{
margin:0px;
padding:0px;
border: 4px solid white;
}


Overridden:


.something_to_override{
margin:10px !important;
padding:5px !important;
border: 1px dashed #ff9900 !important;
}