:hover em css

[ricardjorg 0]

Olá, eu ando a "brincar" com o css do meu wordpress e queria saber se era possível fazer isto em css:

Eu queria que, ao passar o rato por cima de uma imagem, aparecesse um texto abaixo dela, movendo todas as outras coisas da página para baixo..

Eu pensei em criar uma rule para esse texto onde ele estava com o tamanho a 0px e quando o hover da imagem acontecesse, mudava-se o tamanho do texto para um legivel.. mas o meu problema é não conseguir alterar a rule do texto dentro da rule do hover da imagem..

Se alguém me souber ajudar, agradeço imenso =D

[webflex 0]

Olá,

Seria possível compartilhar o link com a malta ou até mesmo passar o código fonte?

Cumprimentos,

webflex

[ricardjorg 0]

ok.. mas não deve fazer muita diferença..

o link é http://pt.pixeis.net/

e quanto ao código fonte.. como ainda não implementei isto, acho que não é relevante..

mas está aqui: http://pt.pixeis.net/wp-content/themes/pixeled/style.css

mm.. se a funcionalidade que eu disse existir, deve ser mesmo alguma coisa muito simples..

no :hover, alterar outro elemento em vez do próprio

[Battousai 1]

img:hover não vai funcionar nos IEs. Talvez o melhor fosse meteres tudo dentro do a e no a:hover fazeres o que queres.

[ricardjorg 0]

mesmo que não funcione no IE, não me importo.. as informações que quero usar lá não são assim tão essenciais..

se souberes explicar como fazer isto..

eu sei que dá para fazer em javascript.. andei por uns sites a pesquisar e consegui arranjar um pedaço de código que fazia isso.. mas não consegui adaptá-lo à minha situação.. (porque não sei javascript  😳)

mas um amigo meu está a tentar aplicar aquilo ao site..

mas se alguém souber fazer em css, agradeço se disser aqui como é 

obrigado 

[webflex 0]

Olá,

Realmente só consigo fazer um efeito tipo tooltip mas o resto do site não vai para baixo..

Com Javascript vai conseguir resolver o problema.

Cumprimentos,

webflex