--- On Thu, 6/11/09, Philippe Wittenbergh <[email protected]> wrote:
From: Philippe Wittenbergh <[email protected]> Subject: Re: [css-d] Elastic/Fluid Layout - problem scaling images in Safari To: "CSS-D" <[email protected]> Cc: "Rod Castello" <[email protected]> Date: Thursday, June 11, 2009, 4:56 AM On Jun 11, 2009, at 6:38 AM, Rod Castello wrote: > Thanks for your solution. It got the thumbnails to obey and not > stretch out in Safari. > > But now when the hover-activated image appears on the right, it's > too large. Not sure how, where, or if it's possible to add selectors > to the html, for css styling, since there's javascript involved in > the hover effect. > http://rodcastello.com/pedro/index9c.html In .thumbnail:hover span, you set the width of the image to be 100% try to make it narrower (quick 'live test' with Firebug: something like 65% maybe ?). PS - you may need to make the selector above more specific than: #thumbHolder #thumbs a:hover img (higher up in the stylesheet) Philippe --- Philippe Wittenbergh http://l-c-n.com/ I tried your solution, but any (width %) changes to the hover image made corresponding changes to the thumbnail image and visa versa. I gave up on that approach. New link: http://rodcastello.com/pedro/mickeyConcert.html New approach...each thumbnail is now a link to a new page with a placed image on the right. Clicking on the right image brings up a larger pop-up of the same image. The pop-up images are set to scale based on percentage settings when you manually alter the window. Works fine in Firefox, but Safari allows for independent scaling of the X and Y directions. Does anyone know how to stop this, or is it just the nature of Safari? I've tried setting the javascript to [resize=no] but that didn't help. Can this be controlled in the css? 2nd problem: in IE6 and IE7 (only one's I've tested) the thumbnails are inside stretched out vertical black boxes. I don't know if this can be fixed and still keep these versions fluid. Maybe I just set these versions as fixed and see if IE8 will accept the fluid design. What's the percentage of users that have large monitors that would still be using IE6/7 anyway? Thanks in advance. Rod Castello ______________________________________________________________________ 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/ ______________________________________________________________________ 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/
