Item6524: No Account pulldown menu on Opera browser

There is no Account pulldown menu visible when using Opera v10.11. Reported by TWiki:Main/KeithEdmunds at TWiki:Support.SID-00903.

-- TWiki:Main/PeterThoeny - 2010-07-16

There are CSS validation errors on http://twiki.org, which may or may not be the cause of the problem, but should be resolved.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftwiki.org%2F&profile=css21&usermedium=all&warning=1&lang=en

-- TWiki:Main.KeithEdmunds - 2010-07-19

Do you see the account menu on this page in Opera? The bug tracker TWiki does not have the social media share buttons.

-- TWiki:Main.PeterThoeny - 2010-07-20

No. Screenshot attached.

-- TWiki:Main.KeithEdmunds - 2010-07-21

I can't upload images using either Opera or Firefox (just hangs with "Waiting for develop.twiki.org..."). I've put it temporarily at

-- TWiki:Main.KeithEdmunds - 2010-07-21

I noticed this intermittent issue myself on develop.twiki.net, attach may hang.

And now attached to this topic:

OK, so that means it is not a ShareMePlugin issue. Issue is with TopMenuSkin using Opera.

Here is the HTML of the top bar:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr style="background-image: url(/~twiki4/pub/TWiki/TopMenuSkin/menu-gray-bg.png); background-repeat: repeat-x;">
<td width="40"><img src="/~twiki4/pub/TWiki/TopMenuSkin/spacer.gif" width="40" height="1" alt="" /></td>
<td width="99%">
<div class="twTopMenuTab">
(unordered list of menus: Home, Bugs web, ..., Istanbul)
</div>
</td><td>
<div class="twTopMenuTab">
(unordered list of menu: Account)
</div>
</td>
<td width="40"><img src="/~twiki4/pub/TWiki/TopMenuSkin/spacer.gif" width="40" height="1" alt="" /></td>
</tr>
</table>

May be there is an issue with table cell width? For testing, try to reduce the 99% to 80% and add 20% to the <td> of the Account cell.

-- TWiki:Main.PeterThoeny - 2010-07-22

I have noticed this CSS issue in IE7 as well. I submitted a question on it SID-00934: IE7 Browser/CSS Issue. It works in IE6, IE8, Firefox.

-- TWiki:Main.MalcolmNeumeyer - 2010-08-10

I have fixed this issue in IE7. There is still a bug in the positioning in IE, but it renders the Account menu correctly. The following file needs to be updated:

/data/TWiki/TopMenuSkin.txt

original section:

.twTopMenuTab
{
  height: 22px;
  width: auto;
  color: #111111;
  background-image: url(%PUBURLPATH%/%SYSTEMWEB%/TopMenuSkin/menu-gray-bg.png);
  background-repeat: repeat-x;
  overflow: hidden;
  white-space: nowrap;
}

Changed to:

.twTopMenuTab
{
  height: 22px;
  width: auto;
  color: #111111;
  background-image: url(%PUBURLPATH%/%SYSTEMWEB%/TopMenuSkin/menu-gray-bg.png);
  background-repeat: repeat-x;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 10000;
}

I added:

  position: relative;
  z-index: 10000;

In IE7 - the positioning is still off (it overhangs the core page body).

-- TWiki:Main.MalcolmNeumeyer - 2010-08-11

This fixes the Account menu option from being hidden, but breaks the menu items from being visible.

-- TWiki:Main.MalcolmNeumeyer - 2010-08-11

This has fixed the issue, and not created any additional issues:

The file /twiki/data/TWiki/TopMenuSkinTopBar.txt needs to be modified. I have updated the following line: Original value: <td width="99%"> New value: <td width="80%">

I did not have to add any additional spacing/length to the account <td>.

-- TWiki:Main.MalcolmNeumeyer - 2010-08-11

Good, thanks for confirming. I added also a style="float:right" to the account cell so that it shows properly right aligned when the browser window width is wide. This is now in SVN trunk and 5.0 branch; TWiki:Plugins.TopMenuSkin is updated as well.

Could someone verify if this fixes the issue on Opera? I leave this bug open until confirmed by Opera.

-- TWiki:Main.PeterThoeny - 2010-08-22

No feedback. Closing this item, assuming it is fixed.

-- TWiki:Main.PeterThoeny - 2010-08-31

I can confirm this is fixed with Opera.

-- TWiki:Main.KeithEdmunds - 2010-09-06