[Resolvido] Ao passar mouse na aba do carrinho nao perder o foco

[Marcos Coelho2 2]

Olá galera do imaster.

Recebi ajuda no forum para resolver um problema semelhante, mas não estou conseguindo resolver esse outro problema.

No meu site ( http://pacoesportes.com/) meu carrinho esta com um problema quando passa o mouse por cima da div abre corretamente mas quando levo o mouse para o a aba que abre do carrinho a div perde o foco

Vou postar o css e te falar o que eu estou tentando para fazer da mesma forma que você me ajudou acima.

Primeiro vou postar o css

.topbusca .bgbusca .carrinho{
 float:right;
 width:100px;
 margin-top:-1px;
 height:47px;



}

.topbusca .bgbusca .carrinho  .sidebar-cart{ clear:left; }
.topbusca .bgbusca .carrinho  .sidebar-cart{ 

 height: 47px;

 width: 120px;
  display: inline-block;

}

.topbusca .bgbusca .carrinho  .sidebar-cart a {
width:120px;
 background:url(http://pacoesportes.com/skin/frontend/galaeva/default/images/carrinho_animacao2.png) right center no-repeat;
 height:47px;
 color: #FF6600;
 display: inline-block;
 font-size: 14px;
 font-weight: bold;
 line-height:40px;
text-align:left;
text-indent: 36px;
 text-decoration: none;
}
.topbusca .bgbusca .carrinho .sidebar-cart :hover{
       color: #fff;
 background:url(http://pacoesportes.com/skin/frontend/galaeva/default/images/carrinho_animacao.png) right center no-repeat;

 }

 

 

e agora vou postar o codigo da aba que abre pra baixo quando se passa o mouse em cima.

 

.topbusca .bgbusca .carrinho  #block-cart {  width:252px; position:relative; right:170px; top:0px; z-index:1;  }
.topbusca .bgbusca .carrinho  #block-cart .block-content { background:url("../images/bg_cart_bt.png") right bottom no-repeat; width:252px;  text-align:left; padding:7px 26px 30px;}
.topbusca .bgbusca .carrinho  #block-cart .btn-edit{ display:none; }
.topbusca .bgbusca .carrinho  #block-cart li{ border-bottom:1px dotted #bcbabb;}
.topbusca .bgbusca .carrinho  #block-cart .mini-products-list .product-image{ background:none; width:75px; height:75px; }
.topbusca .bgbusca .carrinho  #block-cart li .price{ display:block; color:#555354; font-weight:bold; padding:5px 0; }
.topbusca .bgbusca .carrinho  #block-cart li .product-details strong{ display:block; font-weight:normal; padding:5px 0; }

 

 

 

O css basico é esse link do css completo: http://pacoesportes.com/skin/frontend/galaeva/default/css/styles.css

[André do Vale 76]

Algo do tipo:

 

.carrinho:hover .sidebar-cart a {
/* aqui os efeitos do link do carrinho */
}

 

:thumbsup:

[Marcos Coelho2 2]

Funcionou.

Muito obrigado!