2
I’m doing an institutional website and it’s a kind of web-design agency, only it’s more to learn.
Then at HOME I made several little blocks with links to the service pages. And in each block my intention is to make that when passing the mouse over, appear a brief description before the user click and go to the page.
I managed (in parts) to do this in two ways (in both things went wrong):
first way - overlapping two rows of blocks (the top one with the icons and titles and the bottom one with the descriptions) and when you hover over a block above it changes the height
for 0%
making appear the block with the description below. Problem: any movement in the mouse causes the class to leave the :hover
(logically because the element disappears and the mouse comes out from above).
second way - only a block career. this way my intention was to do so: the block is there with the icon and the title in the form of background-image
and the description there (in text within the div
) in display:none
, ai in the :hover
the background-image
becomes none
and description turns block
. Problem This way did not work; I pass the mouse over the div and does not change the display, tried with visibility
and it didn’t work either. (I left the part in question visible only for people to see but it’s commented in the code).
The second way I could make the description in image form, would work: just change the background-image
. But it would hurt in SEO.
I also tried with Javascript and could not.
Veja http://meta.pt.stackoverflow.com/questions/297/quando-se-deve-colocar-o-nome-da-linguagem-no-t%C3%ADtulo e http://meta.pt.stackoverflow.com/questions/846/sauda%C3%A7%C3%B5es-e-agradecimentos. Try to get to the point, ask your question objectively, then you have more time and keyboards to work on spelling and grammar.
– Maniero
Thank you, I always slip on those same mistakes.
– ropbla9