Hi, I hope this is the right place to do this.
The dropdown menu's work like a charm in Firefox, but they seem to drop behind in IE7.
IE8 was ok last time I checked.
I'm using Adaptive Theme Core 7.x-2.0

In other theme'sI read something about editing a css file with something like 'position:relative and 'z-index'.
Could this work? And if so wich file should I edit?

Erik

CommentFileSizeAuthor
#9 dropdown.jpg27.18 KBcrins
#4 Menu-bar.jpg48.02 KBcrins
DropDown.jpg24.44 KBcrins

Comments

Jeff Burnz’s picture

Jeff Burnz commented

You can set the position and z-index on the outer most wrapper, like this (place in navigation.css around line 134):

#menu-bar-wrapper {
  position: relative;
  z-index: 10;
}

I will put this in the next release, cheers!

crins’s picture

crins commented

Tried it.
It's still working in Firefox and IE 9.
Have to find IE 6 or 7 now....
Thanks for the input.
And I still have to test the behaviour on Iphone/Android/Ipad/eepad...

I'll keep you posted.

Ciao,

Erik

Jeff Burnz’s picture

Jeff Burnz commented

Drop menus and other dynamic menus are pretty much disabled in phones and tablet devices, there is some support built into Superfish but I have found it pretty unreliable, more testing is needed.

crins’s picture

crins commented
StatusFileSize
new Menu-bar.jpg48.02 KB

I dug up a laptop with IE6,

Looking good so far with the modification!
Here's a screen of what I did.
(I couldn't find menu-bar-wrapper near line 134..it was line 262 for some reason there were extra white lines, they disappeared after the modification.)

Too bad about the touchscreens... I'll create a workaround in the site's navigation and keep my fingers crossed for future releases.

Thanks so far!

p.s. rounded corners of the drop down menu seem to be gone in IE (7-8-9)
And can I set the transparency of the drop down menu also in this 'navgation.css'?

Jeff Burnz’s picture

Jeff Burnz commented

Wow, I am astounded things actually work in IE6, well not really, I have been working with that old dog for 10 years so the way I tend to write CSS mostly just works in all browsers most of the time, force of habit, probably a good thing.

Rounded corners use CSS, so IE9 should be fine, I cant reproduce this not working in IE9, but they simply don't work in less than IE9, Corolla was designed this way always, because originally it was a candidate theme for core (Drupal 7), and we decided to give no special support and simply let older browsers display what they can, and more modern browsers render an improved experience - its a philosophical approach, one I could change by including support for something like PIE, like I do in Pixture Reloaded.

You can set a color from navigation.css or a custom css file, are you using Footheme? If not you really probably should be if overiding theme CSS (as opposed to just porting in future theme fixes I will commit). If you want to hack navigation.css then you'll need to ramp up the specification of selector or use !important etc to override colors.css - on this point is there a specific issue with using the color settings to do this?

crins’s picture

crins commented

Hey Jeff,

Menu-bar tabs work ok in IE9 (rounded). Dropdown has no rounding.
Maybe it's even a Firefox issue? Dropdown has top righthand and bottom lefthand of the column rounded. This goes away on hoover/mousover....
I won't fiddle around in Corrolla's css... I'll checkout Footheme. Not using that right now.
No hacking for me. I'm new to Drupal, I do get what's in the css files, but writing my own is a bit much right now...
No specific color issue... (I missed that most can be set from the administrator menu) I'd only like to change the opacity of the menu maybe..

Ciao.

Jeff Burnz’s picture

Jeff Burnz commented

I know what you mean now, I think you have drop shadows enabled in the super fish settings, these pretty much suck so turn them off, see how that goes.

crins’s picture

crins commented

Ok thank you. I'll try and change that...
But, I cheered too soon thinking all was well with IE 6.. Seems that on the ancient laptop IE6 was updated to IE 7...
But I won't bother anymore to check compatibility with this fossil...

crins’s picture

crins commented
StatusFileSize
new dropdown.jpg27.18 KB

Roundness of the dropdown menu in Firefox is gone now.
screen added.
I'll tinker with foothme a bit for the opacity thing.

crins’s picture

crins commented

p.s. not sure i fI should continue hee or make a new issue,
But...
I'm having trouble using jquery UI and jquery scripts in general.
I followed this:
http://mydrupalblog.lhmdesign.com/drupal-theming-jquery-basics-inc-drupa...

added a 'myscript.js' file in the theme folder and 'scripts[] = myscript.js' to corolla.info

No effects :(

Jeff Burnz’s picture

Jeff Burnz commented

clear the theme registry, drupal caches info files.

crins’s picture

crins commented

Administration/configuration/performance/ [clear all cashes] should do this?
Still no effects....
I'll check spelling of filenames and such..
myscript.js should go here I think:
/sites/all/themes/corolla
(same dir as the corolla.info)
Thanks again for your time!

This is what I added in corolla.info:

core = 7.x
engine = phptemplate
screenshot = screenshot.png
base theme = adaptivetheme

scripts[] = myscript.js

;----------// Modular stylesheets
stylesheets[all][] = css/html-elements.css
stylesheets[all][] = css/forms.css
stylesheets[all][] = css/tables.css

p.s. Did I get it right that jqueryUI is now in Drupal 7 core? And needs no extra .js files to include?
p.p.s. Could wysiwyg editor mess stuff up (even if rich text format is off (and full HTML is on)

Jeff Burnz’s picture

Jeff Burnz commented

View source on the page, to see if its actually loading.

jQueryUI is in core. Can't see an editor messing things up.

I cant think of anything off hand that would mess this up, it should be loading, we do this all the time in the commercial themes with no issues.

crins’s picture

crins commented

Strange.
Here's part of the source:

    <div class="article-content">
        <div class="field field-name-body field-type-text-with-summary field-label-hidden view-mode-full"><div class="field-items"><div class="field-item even" property="content:encoded"><p><a href="#" id="togg-link">Click this link to toggle the content displayed below</a></p>

<div id="togg">This content will be toggled open and closed using jQuery. Blah, blah, blah.</div>
<p><brr><br /><br /></brr></p>
<script>

Is this ok?

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Fixed

Look in the head section of the source where all the other JS files are loading and see if your JS file is loading - how do you know its not loading and the JS is just not working as you expect?

btw </brr> is an invalid tag, there's no such thing, its <br/> or "line break".

Afaict the original bug report is fixed, and this latter problem has little or nothing to do with the theme, we load JS files like this all the time and there is actually nothing in the theme that would cause an issue with this, so I mark this as fixed for now.

crins’s picture

crins commented

OK!
And I'll fix the brr tag also ;)

I'll check the source again and if that fails I'll try and find refuge elsewhere.
Thanks again for your expertise and time!

I found this in the source:

<script src="http://www.binnenstebuitenillustraties.nl/sites/all/themes/footheme/myscript.js?ls6kzu"></script>

So at least it seems to load....

And clicking on the link in the source leads me to:

// JavaScript Document
//togg
Drupal.behaviors.togg = function (context) {
  $('a#togg-link:not(.togg-processed)', context).addClass('togg-processed').each(function () {
    $(this).click(function() {
      $("div#togg").toggle(400);
      return false;
    });
  });
};

And I think it's not working because all stays 'expanded' Nothing happens on mouseclick..
http://www.binnenstebuitenillustraties.nl/?q=node/13#

Last thing I can think of:
Does enything have to do with either permissions (of anonymous user) of file rights on the server side(755 for footheme)?

Erik

Status: Fixed » Closed (fixed)

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

ressa’s picture

ressa
he/him
commented

The first and last drop-down menu, actually dropped down, were having rounded corners in the upper right, and lower left corner, respectively. Turning off drop shadows under Superfish settings fixed it.