On 16.11.2008 16:09, Patrik Jansson wrote:
> On 16.11.2008 15:24, Bruno Fassino wrote:
>> I think they are aligned as desired, but in IE6 your hover is not working.
>> You have used a child selector (like in '.gallery a:hover > img.big') which
>> IE6 doesn't support. I believe you can get rid of it (just use a simple
>> descendant selector). Then maybe IE6 still needs other minor corrections
>> (like having an hover on the simple 'a' as well), I haven't tested.
>>
>>
> Thanks for that, I changed the child's to descendant selectors and
> everything seem to work as desired! finally. :)
Hmm.. it seems I was a bit too hasty with saying it works... I installed
IE6 now and saw that the hovers don't work. What could be the problem?
You say that it should have "hover on the simple 'a' as well", but
doesn't it already have it? The appearance of big image is achieved when
hovering the thumbnail:
---
.gallery a:hover img.big {
display:block;
}
---
the images' code being:
---
<div class="gallery">
<!--...cutting extras...-->
<a><img src="images/projektit/thumbs/hemvik/villa_hemvik_small-1.jpg"
alt="julkisivu 1">
<img class="big" src="images/projektit/hemvik/villa_hemvik-1.jpg"
alt="julkisivu 1">
</a>
---
Doesn't that have hover on the simple 'a'? Or what am I missing? Can the
two images in one <a> be a problem? I got the idea for this kind of
gallery from Stu Nicholls' demo at
http://www.cssplay.co.uk/menu/lightbox3 , which works in IE6. However, I
haven't figured out what difference in our galleries make his version
work. He has an IE6-specific hack, where he wraps the entire subgallery
(e.g. portraits) into a <table><tr><td> -cell, but not for individual
thumbnails if I understood it correctly and I don't need such a wrap.
regards,
--patrik
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
