[css-d] Problems with Photo Gallery Reverting to Background Image After Clicked
Hi, I'm fairly new to CSS - can someone please help me understand what I'm doing wrong here, and help me find a solution? Thanks a million! Problem: After clicking a gallery thumbnail, clicking a scrollbar to scroll (horizontal scrollbar or vertical page scrollbar) makes the image revert back to the background image. Any way to stop that? I'd like the clicked image to stay put until another thumbnail is clicked. I guess I could remove the background image, but I don't want a large page of 'nothing-ness' while people scroll. Is there a solution? Thank you! Page: < http://www.ficarradesignassociates.com/portfolio2.htm > __ css-discuss [cs...@lists.css-discuss.org] 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-d] SOLVED! Hover Image Not Centered in IE on 1024 width screen
That was it! Thank you so much! - Forwarded Message Sent: Monday, January 5, 2009 5:37:46 PM Subject: Re: [css-d] HELP! Hover Image Not Centered in IE on 1024 width screen S. Reets wrote: Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! --- This should get you moving in the right direction: You'll want to run your page through the W3C's page validator (you've misused the ID attribute a couple of times - each id=[value] must be unique to a given page): http://validator.w3.org/ Next, put a width [equal to your widest image + borders + padding = 612] on the div wrapping your full-sized-image-display-area (the first div with id="body") and delete [margin: 0 15px 0 15px;] and [left: 0px; top: 0px;]. >From this: To this: <http://validator.w3.org/> That should get you centered in IE7. -- // Shawn Lawler Institute on Community Integration University of Minnesota __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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-d] Fw: HELP! Hover Image Not Centered in IE 7.0 on 1024 width screen
IE Version 7.0 Thanks! - Forwarded Message From: S. Reets To: css-d@lists.css-discuss.org Sent: Monday, January 5, 2009 1:52:05 PM Subject: HELP! Hover Image Not Centered in IE on 1024 width screen I am new to CSS and I've been toying with this for DAYS and am at my wit's end ... I hope someone can help! Page Link: http://www.ficarradesignassociates.com/portfolio3.htm Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! __ css-discuss [cs...@lists.css-discuss.org] 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-d] HELP! Hover Image Not Centered in IE on 1024 width screen
I am new to CSS and I've been toying with this for DAYS and am at my wit's end ... I hope someone can help! Page Link: http://www.ficarradesignassociates.com/portfolio3.htm Gallery and hover images center just fine in Safari and Firefox on both 800 and 1024 width screens, but in IE the hover image ISN'T centered on 1024 width (but it is centered on 800 width) Any suggestions Thank you!!! __ css-discuss [cs...@lists.css-discuss.org] 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/