Wed, 2004-12-15 12:10
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
Wed, 2004-12-15 12:16
#1
.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.
Wed, 2004-12-15 12:43
#2
.sth1:hover .sth2{ display: block; } doesn't work
Is this what you are looking for?
Wed, 2004-12-15 12:44
#3
.sth1:hover .sth2{ display: block; } doesn't work
thepineapplehead wrote:
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
Wed, 2004-12-15 15:51
#4
.sth1:hover .sth2{ display: block; } doesn't work
@Stu - Shameless pimpage!
@pirveli - click the link Stu gave you.
Thu, 2004-12-16 05:46
#5
.sth1:hover .sth2{ display: block; } doesn't work
thepineapplehead wrote:
@pirveli - click the link Stu gave you.
Sorry, we posted at the same time 
Didn't notice that!
Thx guys
!P