7 replies [Last post]
hlamster
hlamster's picture
Offline
newbie
NYC
Last seen: 4 years 5 weeks ago
NYC
Timezone: GMT-5
Joined: 2010-03-09
Posts: 4
Points: 5

I have an issue with an image that just doesn't show up in IE6-8 no matter what I do. I even tried just putting in the url for the image and it still wouldn't show it. I took it into Photoshop to make sure it was properly saved as a jpeg and it is.

The file validates (with some minor color warnings).

<a href="http://mandp.lamster.org/contacts.shtml">page with problem</a>

and the photo alone is at <a href="http://mandp.lamster.org/images/MP65APhoto.jpg" title="photo only">photo only</a>

Another issue with the url for the page is that I can't seem to get the width of the right pane smaller.

Any help would be appreciated.

Thanks/Hal

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

man, thats a weird IE thing

man, thats a weird IE thing going on there. To reduce the size of the left pane, simply change the width of #rightPane. I changed it to 500px wide, and it changed. Try and contruct the img tag to look like this and see if that helps.

<img src="images/MP65APhoto.jpg" height="370px" width="200px" style="padding-right: 10px;" />


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

hlamster
hlamster's picture
Offline
newbie
NYC
Last seen: 4 years 5 weeks ago
NYC
Timezone: GMT-5
Joined: 2010-03-09
Posts: 4
Points: 5

Thanks. The changing of he

Thanks. The changing of he page width worked... I can swear I tried it and it didn't previously. Must have done something stupid.
BUT the picture still does not display in IE!
Hal

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

did you make my changes live?

did you make my changes live? I dont see that the code has changed on the image.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

hlamster
hlamster's picture
Offline
newbie
NYC
Last seen: 4 years 5 weeks ago
NYC
Timezone: GMT-5
Joined: 2010-03-09
Posts: 4
Points: 5

Yes it is live. I just

Yes it is live. I just checked the source in FF and it is showing the same url as you posted:

But why doesn't http://mandp.lamster.org/images/MP65APhoto.jpg that work either? It must be something with the image itself. And I can't figure out what.

Thanks/Hal

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

the image is showing up now

the image is showing up now in IE.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com

hlamster
hlamster's picture
Offline
newbie
NYC
Last seen: 4 years 5 weeks ago
NYC
Timezone: GMT-5
Joined: 2010-03-09
Posts: 4
Points: 5

found the problem

Finally got it fixedl. I had brought it into photoshop and saved it as a jpeg but for some reason IE 6-8 didn't like it. FF, Safari and Chrome didn't have a problem with it. I just brought it into Fireworks and exported it out as a jpeg and NOW IT WORKS.

As usual IE is brain dead. Ughhhhhh.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Waco, TX
Last seen: 2 years 12 weeks ago
Waco, TX
Timezone: GMT-6
Joined: 2008-08-15
Posts: 2634
Points: 1552

dude, that's weird.

dude, that's weird. from-now-on, use PS and do save-for-web to save your web images. That may have been the strangest thing ive seen in awhile.


First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS

http://www.pixelbehavior.com