WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Same image displaying at different sizes (10 posts)

  1. eagerwatcher
    Member
    Posted 5 years ago #

    Hi,

    the images at http://www.ourchangingglobe.com/jack-welch-has-been-doing-a-lot-of-talking-lately/#more-640

    and

    http://get-financial-help.org/jack-welch-says-hes-happy-to-see-less-housing-starts/#more-347

    have the same source, and the settings under media are the same.

    So why are they displaying at different sizes?

    The one at Our Changing World is displaying correctly.

    One has a border right now, but that is not the problem, and cutting and pasting the same code produces images that are displayed differently.

    Any help would be appreciated.

    Thanks,

    Jane

  2. eagerwatcher
    Member
    Posted 5 years ago #

    I tried going to 'visual' and 'edit image, and reduced the image size but it didn't work ..

  3. eagerwatcher
    Member
    Posted 5 years ago #

    I changed the image and it didn't help.

    Loaded the code into Dreamweaver and looked at it in browsers and the image displays the correct size.

    So it would seem to be either my template or something in WordPress that's causing the problem.

    Any thoughts?

    Thanks,

    Jane

  4. alainS
    Member
    Posted 5 years ago #

    There is a CSS property which is messin' with your distorted image.

    It is width:50%; in .alignleft on line 310 in your styles.css

  5. eagerwatcher
    Member
    Posted 5 years ago #

    Thanks,

    Could you tell me what I should change it to so that images will appear as per WordPress's implementation?

    Right now the image and text and displaying correctly because after playing around, I came up with ..

    <div><img style="margin-left: 10px; margin-right: 10px;" src="http://get-financial-help.org/images/gec.gif" alt="" align="left" /></div>
    Jack Welch, the former chief executive officer of General Electric Co., and author of "Straight from the Gut", has been very busy on the talk shows and speaking circuit lately, and here's what he's been saying.

    "There are so many things that bother me right now. Over the last couple of weeks, things have really gone south in the government relationships".

    http://get-financial-help.org/jack-welch-says-hes-happy-to-see-less-housing-starts/

    But the above is not the code that WordPress implements.

    Code is not my area of expertise which is probably clear :-)

    Jane

  6. eagerwatcher
    Member
    Posted 5 years ago #

    >There is a CSS property which is messin' with your distorted image.

    It is width:50%; in .alignleft on line 310 in your styles.css

    Can I just delete the line?

    thanks!

  7. alainS
    Member
    Posted 5 years ago #

    try to uncoment that property and browse through the site to see if this change will broke some other pages.

    p.s. I see that you solved the issue...plz be polite and mark this thread as resolved.

  8. eagerwatcher
    Member
    Posted 5 years ago #

    thanks Alain, or should I say, merci beaucoup?

    I will uncomment it, but I did say above, that how I fixed it was not the 'correct' way to fix it and was only a stopgap method.

    <div><img style="margin-left: 10px; margin-right: 10px;" src="http://get-financial-help.org/images/gec.gif" alt="" align="left" /></div>

    I'm not sure if the issue is 'resolved' until I check your solution though ;-)

    Jane

  9. alainS
    Member
    Posted 5 years ago #

    Sorry ...I've meant comment that property! My bad english :(

  10. eagerwatcher
    Member
    Posted 5 years ago #

    np :-)

    I came back to say that your suggestion had no adverse effects on other images on my site, so well done!

    I wonder why the Nurudin Jauhari, who wrote the template http://www.jauhari.net/

    would have added the line to the CSS?

    Mike

Topic Closed

This topic has been closed to new replies.

About this Topic