On 4.10.2008 2:17, Patrik Jansson wrote:
> Yep, I forgot to mention it, but that I'm keeping as a backup solution 
> if nothing else helps. But only then. :) I don't like the idea of 
> needing to change image size and add a background to every single 
> image smaller than the first one. And to do this again when new images 
> are added. But if nothing else helps, then I have to start thinking of 
> that possibility. But I would like to learn better css, so I'm hoping 
> to solve this problem via css, not photoshop! ;)
>
>> Patrik Jansson wrote:
>>  
>>> My problem is, that when an image is a bit smaller than the "always-on"
>>> first image, part of the first image can be seen below it.
Hi again,
After a well-slept night I got some more ideas and I actually fixed it! 
Solution was, that I set every picture (img.big and img.big1) a 20px 
border-bottom with border-color same as background. Now those horizontal 
images with a bit smaller height than the first one have a border hiding 
the image below. To the vertical images (img.big1) I set also a 100px 
wide border-left and border-right. So now all the images appear to be alone:
http://www.mondiara.com/test/x_krisse.php

So my problem is now solved, but if anyone comes up with an css-idea for 
making the first image (img.big0) disappear when other thumbnails are 
hovered, please post your solutions. JavaScript is one solution, but I'm 
still looking for a pure-css one. :)

--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/

Reply via email to