I was hoping someone on here could help me. I’m working on this legal website, hannonandpalermo.com, and am doing the whole thing in wordpress. In the left side bar I broke down each practice area with hyperlink images to go to their respective pages. Now the images are different sizes, but I coded it so they are all the same size (except for the top image..it’s suppose to be bigger). For some reason in IE and Firefox, the images are completely distorted. In chrome it looks perfect. In IE, certain images are too small, while in Firefox the images are too large. Any help on this would be greatly appreciated it. Thank you so much.
http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fhannonandpalermo.com%2f show some errors with images. The bottom left image is 150×90. Is it supposed to be?
I don’t see any table width and height and it is always better to reduce the size of the image youself rather than letting it be done by the browser.
Sorry for the delay, but thank you for the response. I moved the pictures to the menu bar, but I am still having the same problem. As you suggested, I changed all the pictures so that they are the same size as the html attributes. Unfortunately, the images are still severely distorted in IE. Any ideas what this could be? Thank you in advance for your help.
Unfortunately, the images are still severely distorted in IE.
I compared the images in IE, Chrome, Safari and FF as I thought you were talking about the image quality. They were all the same.
I think by distorted you mean the size change in IE7 and 8 which is caused by html errors nothing more. If you don’t want to address these errors, http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fhannonandpalermo.com%2f, your images will never be correct in IE 7 and 8.
This is not a wp problem, at least at this stage.
Yes, I do mean the sizes of the images. So the fact that there are errors in other parts of the website that have nothing to do with the menu bar is the reason that these images are in different sizes? How is that possible?
I had an report that showed the open divs, etc. as related to each image but I have spent the last 20 minutes trying to get it back for your reference with no luck.
Without that, I looked at some different things. In your style sheet under IMG, change the max width from 100% to 0px;
That corrected the problem in IE7 and 8.
- The topic ‘Sidebar image issue in IE and Firefox’ is closed to new replies.