Jump to content

Photoshop resized images


Recommended Posts

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 post
Share on other sites
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 post
Share on other sites

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 post
Share on other sites

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 post
Share on other sites

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 post
Share on other sites
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 post
Share on other sites

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 post
Share on other sites
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 post
Share on other sites

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 post
Share on other sites

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 post
Share on other sites

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 post
Share on other sites
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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...