hey there

i am running:
Drupal 6.9
Nice Menus 6.x-1.3

and a modified version of the "Basic" theme (http://drupal.org/project/basic)

when you mouse-over the top-level items, the 2nd-level item div tag does NOT materialize, in Firefox 3.x (and 2.x)... no javascript errors, they just don't work. in IE7.x and IE6.x, they work fine

when i changed the theme to Garland, it worked on both browsers.

so i suspect this is something specific to the Basic theme... is there some piece of code in template.php or page.tpl.php that is essential for Nice Menus to work in Firefox, but may not be there in all themes?

obviously since i have something to go on here, if i don't hear otherwise i will have to start manually going through those two files with a fine toothed comb and adding things to Basic (hopefully not making it explode) until this problem goes away... but thought i would check first and see if anyone else has already covered this ground.

thanks all

Comments

doompal’s picture

doompal commented

Have similar problem with a Zen derivative. One line appears but disappears as I try to select it.

pjunker’s picture

pjunker commented

Me too! With the yaml framework! (yaml.de, yaml-fuer-drupal.de) It works fine with IE but not with any other browser! The Menu won't go out of the leftcol. It will cutting off from the border. I tried to play with the .css of the menu but i won't get it. I think it has something to do with the floating and clearing of the columns. Can anybody help?

doompal’s picture

doompal commented

The supplied CSS has #region-header prefixes for Garland. This seems to catch :hover for that theme. Must need something similar - #nice_menus-1 or similar. I created a css file as recommended based on the custom one supplied. Deleting this got rid of my formatting, obviously but the skeleton menu worked. Have removed block and replaced with print theme('nice_menu_primary_links') and it now works. The css under /* Show submenus when over their parents. */ in nice_menus.css is used to give visibility: visible. Hope this helps (I can't get Firebug to work with :hover).

earthangelconsulting’s picture

earthangelconsulting commented

thanks doompal! your solution didn't actually work for me as given (or maybe it would have if i was using a different theme) but it certainly set me on the right path, and i have solved my problem too! and maybe this is a different way to solve yours, you could try and see.

you indeed do get a different effect by using print theme('nice_menu_primary_links') after printing the header region blocks (and disabling the nice menu block): namely three less nested div tags (or two less, and one with less classes attached)... this got my dropdowns working properly in Firefox, but my page layout was all wonky (content area appeared to be "floating left" after the menus, even though actual "float" properties were not the culprit), because some of those divs (or rather the classes attached to them) were necessary to making things look right.

it turns out that (at least with "basic" theme, this may apply to other themes too, like Zen) the root of the problem is this definition in layout.css

#header #header-region {
overflow: hidden;
}

(if overflow is hidden, you can't see the dropdowns, end of story!)

You simply need to remove this whole definition (which could also be accomplished as you said, by printing the menu directly instead of having it in a block. but this is more straightforward)... and then the weird page layout that this introduces is solved simply by setting a height to your header area, that includes the menus and everything else above it (or anything below it, though usually menus are the bottom-most content in a header!).

#header {
height: 200px;
}

PROBLEM SOLVED!

thanks again doompal, that certainly saved me some time!

hey pjunker... it sounds like your menus are going sideways not down, but i think the same thing applies... some div tag that they are nested within probably has overflow set to "hidden" in your css... remove that (and set a width if you need to, if your page layout gets all weird after doing that) and you should be ok. are you using Firebug? if not... you should be, it will save you a lot of time :-)

cheers
Fish
http://goatvirus.com/resume

doompal’s picture

doompal commented

And thanks for your help goatvirus. I had assumed it was because of a dodgy div. In my case it was #navbar. My method was straight from the zen starterkit (I think basic might hail from that). In layout.css the overflow definition was marked as possibly conflicting with dropdown menus. Perhaps the nice menu people could add this to their docs?
Now, I was using Firebug to check css but due to the problems with :hover (you can't move the mouse to scroll thro' the css) I had covered most of the page with Firebug. This morning I noticed that my content had floated away, to the right. Back to the drawing board.
I've got it working. Eventually removed #navbar div from page.tpl.php having tried to clean out as much #navbar from css (including some borrowed from TMA. I'm playing about with a theme so I just replace the existing primary links with
"print theme('nice_menu_primary_links')".

add1sun’s picture

add1sun commented
Status: Active » Fixed
add1sun’s picture

add1sun commented
Category: bug » support

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.