crowheart Posted May 12, 2008 Share Posted May 12, 2008 I am creating a website(actually following along in a book) and I am having some issues with Resized photoshop elements images that will not display in IE7(the Alt attributes works though). The exact opposite problem is occuring in Firefox while the Alt attributes don't work the images display properly. I have not been able to remedy this problem. The original photos display in my browser when using IE7 it is only the resized photoshop versions that are not displaying. Any help would be appreciated, thanks.... Link to comment Share on other sites More sharing options...
Ingolme Posted May 12, 2008 Share Posted May 12, 2008 Can you show the code you're using to display the images? Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 Can you show the code you're using to display the images?Here is the code from the index.html<html> <head> <title>myPod</title> <style type="text/css"> body { background-color: #eaf3da; } </style> </head> <body><p><img src="logo/mypod.gif"></p> <h1>Welcome to myPod</h1> <p> Welcome to the place to show off your iPod, wherever you might be. Wanna join the fun? All you need is any iPod, from the early classic iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest iPod Photo, and a digital camera. Just take a snapshot of your iPod in your favorite location and we'll be glad to post it on myPod. So, what are you waiting for? </p> <h2>Seattle, Washington</h2> <p> Me and my iPod in Seattle! You can see rain clouds and the Space Needle. You can't see the 628 coffee shops. </p><p><a href="html/seattle_med.html"><img src="thumbnails/seattle_med.jpg" alt="My iPod in Seattle, WA"></a><a href="html/seattle_shuffle.html"><img src="thumbnails/seattle_shuffle.jpg" alt="An iPod Shuffle in Seattle, WA"></a><a href="html/seattle_downtown.html"><img src="thumbnails/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA"></a></p><h2>Birmingham, England</h2><p>Here are some iPod photos around Birmingham. we obviously have some passionate folks over here who love their iPods. Check out the classic red British telephone box!</p><p><a href="html/britain.html"><img src="thumbnails/britain.jpg" alt="An iPod in Birmingham at a telephone box"></a><a href="html/applestore.html"><img src="thumbnails/applestore.jpg" alt="An iPod at the Birmingham Apple store"></a></p></html> Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 OK I resolved the Firefox issue. The tooltip displays there now. I had to add the title attribute to get the tooltip to show up on mouseover. I left the alt attribute in the code as well. With IE7 you only need the alt attribute to get the tooltip display. The IE7 issue is unchanged though in place of the image I get a text description in the panel where the image should be. I also get a tooltip just like before. I am confused again. Now the issue is with IE7. Any help would be greatly appreciated. Link to comment Share on other sites More sharing options...
Ingolme Posted May 13, 2008 Share Posted May 13, 2008 Make sure you're writing the correct path to the images. See This Topic for correct usage of the alt and title attributes. Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 Make sure you're writing the correct path to the images. See This Topic for correct usage of the alt and title attributes.The path is correct the images display in Firefox. This has something to do with IE7. I just don't know how to fix it. Link to comment Share on other sites More sharing options...
Ingolme Posted May 13, 2008 Share Posted May 13, 2008 This is strange, I can't think of any of the flaws of Internet Explorer that would prevent an image from loading. Is this page online? Maybe if I look at it I can determine the problem. Link to comment Share on other sites More sharing options...
aspnetguy Posted May 13, 2008 Share Posted May 13, 2008 A coworker encountered this same problem. How are you saving them? Be sure to 'Save For Web'. If you still have this problem change to a different format like jpg or png. This only occurs occasionally (for us) so it is very odd.My cowoker solved the problem by changing the gif to a jpg. Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 This is strange, I can't think of any of the flaws of Internet Explorer that would prevent an image from loading. Is this page online? Maybe if I look at it I can determine the problem.The page is not on the web. I am stumped.. Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 A coworker encountered this same problem. How are you saving them? Be sure to 'Save For Web'. If you still have this problem change to a different format like jpg or png. This only occurs occasionally (for us) so it is very odd.My cowoker solved the problem by changing the gif to a jpg.Resized gif's as well as resized jpg's will not display in IE7. They have all been saved for the web and diplay perfectly in Firefox. I could be doing something really stupid, but why does the page work perfectly in Firefox? Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 I did find a weird fix for it by accident. I zipped the folder to send to someone in tech support. I unzipped the folder on my laptop and the unzipped folder now displays the images on my laptop using IE7. The original unzipped versions images still don't display on my laptop using IE7. Any ideas why? Thanks.. Link to comment Share on other sites More sharing options...
Ingolme Posted May 13, 2008 Share Posted May 13, 2008 It doesn't make any sense to me. Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 It doesn't make any sense to me.I am beginning to question my sanity now? Very strange.... Link to comment Share on other sites More sharing options...
seba4 Posted May 13, 2008 Share Posted May 13, 2008 Picture in RGB format or CMYK=? Link to comment Share on other sites More sharing options...
crowheart Posted May 13, 2008 Author Share Posted May 13, 2008 Picture in RGB format or CMYK=?This was done in photoshop. Nothing exotic . The images display fine in Firefox. This must ne some IE7 issue. I can't get an answer on it anywhere. Link to comment Share on other sites More sharing options...
aspnetguy Posted May 14, 2008 Share Posted May 14, 2008 what he means is that in Photoshop there are different picture modes like RGB, CMYK, and GrayScale. Perhaps IE& doesn't like one of those modes. Just something to look into. Link to comment Share on other sites More sharing options...
crowheart Posted May 14, 2008 Author Share Posted May 14, 2008 what he means is that in Photoshop there are different picture modes like RGB, CMYK, and GrayScale. Perhaps IE& doesn't like one of those modes. Just something to look into.That sounds like a likely problem to explore. How can I find out which picture mode Photoshop Elements 5.0 is using to save the image for the web? Link to comment Share on other sites More sharing options...
virthen Posted May 14, 2008 Share Posted May 14, 2008 Just an idea, try specifying the width and height of each image in your html code. IE: <img src="thumbnails/seattle_shuffle.jpg" alt="An iPod Shuffle in Seattle, WA" width="100" height="120"> That sounds like a likely problem to explore. How can I find out which picture mode Photoshop Elements 5.0 is using to save the image for the web?I don't have photoshop in front of me, but you can probably go to file save as, and set/view properties there.Hope that helps! Link to comment Share on other sites More sharing options...
Ingolme Posted May 14, 2008 Share Posted May 14, 2008 RGB, Indexed, CMYK and GreyScale can be found in the Image>Mode> ... menu. But it shouldn't affect the final saved image, since the JPG, GIF or other compression is always the same anyways, those modes are only for edition (Except for Indexed, which is what GIF files do. Link to comment Share on other sites More sharing options...
Johnmitchell Posted May 15, 2008 Share Posted May 15, 2008 i did hear somewhere that IE7 doesn't like certain colour modes of images. although i've never actually experienced it.to find the colour modes (RGB, CMYK, ETC.) the menu with file edit image, look in image>mode> there should be a list of different colour modes - Bitmap, Greyscale, Duotone, indexed color, RGB color, CMYK color, Lab color, monochrome. try setting it RGB, if not then one of the others. be wary of image optimisation and stuffz though Link to comment Share on other sites More sharing options...
crowheart Posted May 18, 2008 Author Share Posted May 18, 2008 i did hear somewhere that IE7 doesn't like certain colour modes of images. although i've never actually experienced it.to find the colour modes (RGB, CMYK, ETC.) the menu with file edit image, look in image>mode> there should be a list of different colour modes - Bitmap, Greyscale, Duotone, indexed color, RGB color, CMYK color, Lab color, monochrome. try setting it RGB, if not then one of the others. be wary of image optimisation and stuffz though Thanks I will check ot out. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.