Hello

I'm using nice menus for my drupal site http://contestpedia.com where I'm using Acquia Marina theme. In my site the menu has submenus/dropdown menu items.

It seems to work fine in IE...the submenu/dropdown feature is working fine there. But in Firefox and chrome, the dropdown feature is not functioning properly. the dropdown items are not showing fully and it gets cut where the block ends.

Can anyone pls help me?

I also tried using core themes, but the same problem was there.

Thanks in advance.

-sulario

CommentFileSizeAuthor
#5 Screenshot.png97.77 KBjwolf
#3 contestpedia-screenshot.png144.79 KBjwolf

Comments

jwolf’s picture

Status: Active » Fixed
Issue tags: -dropdown menu

To fix this you will need to remove the following from the style.css file that came w/ the theme:

div.block div.content {
  overflow: hidden;
}
I also tried using core themes, but the same problem was there.

Perhaps you should file a bug report / support request w/in the Nice Menus issue queue.

sulario’s picture

I tried following your suggestion, but it didn't work... :(
any other way?
Thanks

jwolf’s picture

StatusFileSize
new144.79 KB

Perhaps you need to disable CSS aggregation in the Performance section of Drupal.

Admininster > Performance > scroll down to "Bandwidth optimizations" and under "Optimize CSS files:" select disabled.

http://contestpedia.com//admin/settings/performance

The screenshot attached indicates that the fix does work.

sulario’s picture

Hi jwolf,

Thanks a lot for your effort..really you're very helpful...

I tried applying your suggestion again. but the problem still exists.
I've disabled "optimize CSS files" .. but You can see http://contestpedia.com with firefox/chrome...the problem is there.

I've checked again and again clearing the browser's cache.
Any suggestion?

Thanks.

jwolf’s picture

StatusFileSize
new97.77 KB

I can see that you did not remove the line from your style.css file as I had indicated in my comment above.
http://drupal.org/node/367407#comment-1231688

You need to remove line 834 - 836 in style.css

div.block div.content {
overflow:hidden;
}
sulario’s picture

You have been such a great helpful person, jwolf!

The problem is solved finally following your instruction #1+2
Thanks, a lot!

I have one last question:

Nice menu says, it will use html for FF and chrome. And java will be used sometimes to show in IE.
I need HTML mostly. could you please tell me --The menu that is showing in FF, IE and chrome... is it showing up using html, or java? right now?

Thanks!! :)

jwolf’s picture

Status: Fixed » Closed (fixed)

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

merilainen’s picture

Version: 6.x-1.5 » 6.x-1.9
Category: support » bug
Status: Closed (fixed) » Active

I managed to get Nice Menus to work in most areas, but if I insert a nice menu to preface, it behaves like described here + the background is transparent.

I found these css rules:

#preface-wrapper {
  overflow: hidden;
}

#preface {
  background: #000 url('images/preface-wrapper-bg.png') repeat-x top;
}

which hide the nice menu and makes it transparent, but I'm not sure if I should remove them. I tried to override them in .block-nice_menus but the menu stays hidden and transparent.

jwolf’s picture

Category: bug » support
Status: Active » Closed (fixed)

@mErilainen - the preface styles that you posted do not match with the 6.x-1.9 version of this theme.
Please try the 6.x-1.9 version of this theme.

Below is what the preface styles are for the 6.x-1.9 version. As you can see they differ from what you posted.

/********************************/
/* PREFACE REGIONS */
/********************************/

#preface {
  background: #144A6E url('images/preface-wrapper-bg.png') repeat-x top;
  min-height: 24px;
  padding-left: 15px;    /* LTR */
}

#preface-wrapper {
  color: #fff;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.5em;
  margin: 0 auto;
  padding: 10px 0 8px 0;
  width: 960px;
}

/* correct button font size */
#preface-wrapper .form-submit {
  font-size: 0.6em;
}

#preface-wrapper #preface-first {
}

#preface-wrapper #preface-middle {
}

#preface-wrapper #preface-last {
}

#preface-wrapper.prefaces-1 div.column {
  float: left;    /* LTR */
  width: 100%;
}

#preface-wrapper.prefaces-2 div.column {
  display: inline;
  float: left;    /* LTR */
  margin: 0 14px;
  width: 47%;
}

#preface-wrapper.prefaces-3 div.column {
  display: inline;
  float: left;    /* LTR */
  margin: 0 14px;
  width: 30%;
} 

#preface-wrapper a:link,
#preface-wrapper a:visited {
  color: #fff;
  text-decoration: underline;
}

#preface-wrapper a:link:hover,
#preface-wrapper a:visited:hover {
  border-bottom: none;
  text-decoration: none;
}

div.content > a:link img {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
smtorgan’s picture

Title: NICE MENU Not working properly in Acquia Marina » MENU alignment issue in IE6 & 7 with "nolink" in primary menu

Recently we experienced an alignment issue when trying to implement the "nolink" feature in the primary menu. The expanded menus go out of alignment in IE.

An example of the problem can be found here. http://sandbox.chamberpot.org/

Thanks in advance for any guidance.

lau watson’s picture

Title: MENU alignment issue in IE6 & 7 with "nolink" in primary menu » Acquia Marina themes, it dose not work well with IE6
Version: 6.x-1.9 » 7.x-1.0-rc1
Assigned: sulario » lau watson
Status: Closed (fixed) » Active

in ie6,the front-size is so little,what can i do?

lau watson’s picture

in ie6,the front-size is so little,what can i do?

lau watson’s picture

in ie6,the front-size is so little,what can i do?

lau watson’s picture

in ie6,the front-size is so little,what can i do?

lau watson’s picture

in ie6,the front-size is so little,what can i do?

lau watson’s picture

in ie6,the front-size is so little,what can i do?

goody815’s picture

Status: Active » Closed (works as designed)

lau,

you can adjust the font size in the ie6 specific style sheet.