Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Menu bar item disappear when mouse over in IE6
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Menu bar item disappear when mouse over in IE6
#6169
Menu bar item disappear when mouse over in IE6 7 Years, 4 Months ago Karma: 0
Hello,

in IE6 the menu bar item literals and colors disappear when I mouse over them.
The issue is only present in IE6.

Any advice would be helpful.
newsite.telecompare.gr

Regards
The administrator has disabled public write access.
 
#6171
Re:Menu bar item disappear when mouse over in IE6 7 Years, 4 Months ago Karma: 0
My css setting is:

#{$id}.yui-skin-sam .yuimenubar DIV.bd
{
background: #fff;
}

#{$id}.yui-skin-sam .yuimenubar DIV.bd a.yuimenubaritemlabel
{
color: #004b73;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:link,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:visited,
#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected:hover {
color:#FFF;
}

#{$id}.yui-skin-sam .yuimenu DIV.bd
{
background: #00679e;
}

#{$id}.yui-skin-sam DIV.bd ul li a.yuimenuitemlabel
{
color: #FFF;
}


#{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: #0092cb;
}

#{$id}.yui-skin-sam .yuimenubarnav a.yuimenubaritemlabel-hassubmenu:hover,
#{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem-selected a.yuimenubaritemlabel-hassubmenu
{
background-image:url("/modules/mod_ariyuimenu/mod_ariyuimenu/js/build/menu/assets/skins/sam/menubaritem_submenuindicator_selected.png");
background-repeat: no-repeat;
background-position: right center;
}

body #{$id}.yui-skin-sam DIV.bd ul li DIV.bd ul li a.yuimenuitemlabel-selected
{
background-color: transparent;
}

body #{$id}.yui-skin-sam .yuimenubarnav ul li.yuimenuitem-hassubmenu:hover
{
background-color: #0092cb;
background-image:url("/modules/mod_ariyuimenu/mod_ariyuimenu/js/build/menu/assets/skins/sam/menuitem_submenuindicator.png");
background-position:right center;
background-repeat:no-repeat;
}
The administrator has disabled public write access.
 
#6456
Re:Menu bar item disappear when mouse over in IE6 7 Years, 3 Months ago Karma: 0
Hello again,
no solution for this kind of problem?
The administrator has disabled public write access.
 
#6458
Re:Menu bar item disappear when mouse over in IE6 7 Years, 3 Months ago Karma: 670
Hello,

Add the next CSS rule:

Code:


#{$id} .yuimenubar .bd UL LI A.yuimenubaritemlabel-selected,
#{$id} .yuimenubar .bd UL LI A:hover
{
   background: #00679E none;




Regards,
ARI Soft
The administrator has disabled public write access.
 
#6464
Re:Menu bar item disappear when mouse over in IE6 7 Years, 3 Months ago Karma: 0
Thanks for your reply.

I added

#{$id}.yui-skin-sam .yuimenubar .bd ul li a.yuimenubaritemlabel-selected,
#{$id}.yui-skin-sam .yuimenubar .bd ul li a:hover
{
background: #00679E none;
}

according to your suggestion (I replaced #{$id} with #{$id}.yui-skin-sam because there was no effect instead).

Some issues came up:
a. The white arrows of the menubar disappeared in Firefox (when I mouse over the menubar tabs)
b. In IE 6 the menubar items appeared (literals, colours are there now!) but the white arrows of the menubar, and the colors of the submenus when I mouse over them are now faulty.
The administrator has disabled public write access.
 
#6539
Re:Menu bar item disappear when mouse over in IE6 7 Years, 3 Months ago Karma: 0
Problem solved!

I changed

#{$id}.yui-skin-sam DIV.bd a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}


to

#{$id}.yui-skin-sam DIV.bd ul li a.yuimenubaritemlabel-selected
{
background-color: #00679e;
}


Thanks a lot for your interest!
The administrator has disabled public write access.
 
Go to topPage: 1