Quero colocar uma imagem do lado da outra e quando passa o mouse em cima aparece uma descrição em uma coluna separada do site, caso nao tenha jeito pode ser na mesma desde que de para colocar uma imagem do lado da outra e as descrições nao desfigurem as imagens ao lado quando der o :hover
se não der em html podem me ajudar no javascript... CSS q to usando:
.descricao, descricaodois{
display: none;
}
.item:hover .descricao, .itemdois:hover .descricaodois{
display: block;
}
html:
<span class="item"><a href="#"><img src="https://i.imgur.com/8sBmNaN.jpg"/></a>
<span class="descricao">Recomendado a todas as idades</span>
</span>
<span class="itemdois"><a href="#"><img src="https://i.imgur.com/x4REsTX.jpg"/></a>
<span class="descricaodois">Hoje o dia pode ser seu</span>
</span>
quando passa o mouse a descrição afeta a imagem do lado por isso queria deixar em uma div ou span diferente separado da imagem...