WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar image issue in IE and Firefox (6 posts)

  1. mjdons
    Member
    Posted 3 years ago #

    Hey everyone,
    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.

  2. kmessinger
    Volunteer Moderator
    Posted 3 years ago #

    http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fhannonandpalermo.com%2f show some errors with images. The bottom left image is 150x90. 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.

  3. mjdons
    Member
    Posted 3 years ago #

    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.

  4. kmessinger
    Volunteer Moderator
    Posted 3 years ago #

    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.

  5. mjdons
    Member
    Posted 3 years ago #

    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?

  6. kmessinger
    Volunteer Moderator
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic