Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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;
} 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
Carregando comentários...