Hi there!
I would like to create little gallery (only for testing purposes).
.big{ display: none; } .small:hover .big{ display: block; }
<img class="small" /> <img class="big" />
don't want to cooperate. I don't have problem with lists - popup lists work fine. I suppose that this way can work only for some html tags, not for all. Lists and links work, but what about the rest? I don't have this thing... IE... or something like that, so this is not browser problem I guess (I use FF1.. Isn't it?
I read some articles and tutorials but can't deal with this. What to do?
!P
.sth1:hover .sth2{ display: block; } doesn't work
Are you trying to create a small image, which when hovered over, will display the big image? There's a much easier way to do it.
.sth1:hover .sth2{ display: block; } doesn't work
Is this what you are looking for?
.sth1:hover .sth2{ display: block; } doesn't work
Are you trying to create a small image, which when hovered over, will display the big image?
Correct.
I know that there are many ways to do that, but now I'm playing with various CSS things. Now it's time to :hover and display.
So will I be ever able to do this or not? If yes - how?
!P
.sth1:hover .sth2{ display: block; } doesn't work
@Stu - Shameless pimpage!
@pirveli - click the link Stu gave you.
.sth1:hover .sth2{ display: block; } doesn't work
@pirveli - click the link Stu gave you.
Sorry, we posted at the same time Didn't notice that!
Thx guys
!P