Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera me desculpe, sei que esta na categoria errada, mais não encontrei uma categoria de CSS para postar minha duvida, se alguém puder me ajudar fic
aria muito grato.
É o seguinte, tava dando uma olhada no site do Mercado Livre e achei super dahora a exibição dos produtos dele
Tentei fazer só que eu coloquei um position:absolute e os produtos ficaram todos flotados a esquerda e um sobrepondo o outro.
Deixa eu tentar explicar melhor um pouco, quero que ao passar o mouse sobre o produto a div aumente o tamanho sem deslocar os outros produtos.
Segue o link da exibição: http://carros.mercadolivre.com.br/volkswagen/jetta/
Alguém me explica como faço esse tipo de exibição?
Você está tentando fazer o mesmo mouseover deste link? é isto.. ao passar o mouse o produto se destaca, mas na verdade o que destaca é apenas a div no qual o produto está relacionado. se for isso é simples!
será mais ou menos assim a tua div:
#produto {
background-color:#FFF;
width:150px;
height:150px;
border:1px solid #e3e3e3;
border-radius:4px;
cursor:pointer;
}#produto:hover {
height:180px;
box-shadow:1px 2px 4px 2px #c3c3c3;
}Att.
>
Você está tentando fazer o mesmo mouseover deste link? é isto.. ao passar o mouse o produto se destaca, mas na verdade o que destaca é apenas a div no qual o produto está relacionado. se for isso é simples!
será mais ou menos assim a tua div:
#produto {
background-color:#FFF;
width:150px;
height:150px;
border:1px solid #e3e3e3;
border-radius:4px;
cursor:pointer;
}#produto:hover {
height:180px;
box-shadow:1px 2px 4px 2px #c3c3c3;
}Att.
Sim é mais ou menos isso.
Oque queria mesmo era entender como ela aumenta o tamanho sem mover os outros produtos.
Consegui com o z-index
Mais obrigado por tentar ajudar.
>
Galera me desculpe, sei que esta na categoria errada, mais não encontrei uma categoria de CSS para postar minha duvida, se alguém puder me ajudar fic
aria muito grato.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/y0d7bgp.png&key=dbfd103d3e036aa4febf7f3028e9ce059f68366fc74200c952f39df79db15155" alt="y0d7bgp.png" />
http://forum.imasters.com.br/forum/79-css-xml-xhtml-html/