WordPress.org

Support

Support » How-To and Troubleshooting » My Images are being stretched …. What is wrong

My Images are being stretched …. What is wrong

  • http://www.oskie.com/credit-report/
    The last 4 or five images are being stretched. What did i do wrong
    I have gone back and said no cropping.
    I think it happened when I adjusted one image in the advanced setting tab to show a 2 horizontal border. This does not make sense though since it changed 4 images one four posts and I only adjustd the image on one post.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Try adding width=”300(or whatever the correct width is)” and height=”100″ after the img src=”yourwebsite.com/image.jpg” line.

    That does not doit
    I changed the image size in the html for the post. and nada.
    something is over writing. some overlay setting problem.
    something

    Someone knows what is happening. Most of my pics are ok.
    it is only the pics i put in today.
    all of them.

    http://www.oskie.com/credit-report/wp-content/uploads/2008/12/home-remodeling-credit-cards.jpg” alt=”” width=”115″ height=”115

    this is the code for the post
    http://www.oskie.com/credit-report/2008/12/home-remodeling-loan-credit-card/

    you can see the image is not 115 x 115

    The actual code for that picture is:

    <a title="Home remodeling credit cards" href="http://www.credit.com/r/identity-guard/af=p39646&amp;ag="><img class="size-medium wp-image-673 alignleft" title="home-remodeling-credit-cards" src="http://www.oskie.com/credit-report/wp-content/uploads/2008/12/home-remodeling-credit-cards.jpg" alt="" width="115" height="115" /></a>

    I’m not sure how you are inserting your images, but I would image your problem is with this part:

    class=”size-medium wp-image-673 alignleft”

    Try replacing the image code with this and see if it works:

    <a href="http://www.credit.com/r/identity-guard/af=p39646&amp;ag="><img src="http://www.oskie.com/credit-report/wp-content/uploads/2008/12/home-remodeling-credit-cards.jpg" alt="Home remodeling credit cards" align="left" /></a>

    That fixed it.
    The only problem is this is a viral problem of sorts in that the problem has occured is 3 more post all with todays date.

    Am I doing something wrong as I insert the images
    I use the image uploader and it has worked fine up till today

    It looks as if everything is fine as long as I do not choose the align left in the image properties menu
    BUMMER

    well, try seeing if any of those 3 classes has a size associated with it in your css and edit if nessesary

    ok
    let me try that

    I am such a rookie. I have no idea what to do. I am not sure what you are saying. I copied my css stuff

    /*
    Theme Name: Adformat
    Theme URI: http://pilkster.com/seo-adsense-wordpress-theme/
    Description: Theme formatted for industry-standard size banners and adverts. Licensed under Creative Commons. Attribution links must stay.
    Version: 1.0
    Author: Simon Pilkington
    Author URI: http://pilkster.com/
    */

    *
    {
    padding: 0;
    margin: 0;
    }

    body
    {
    font-size: 76%;
    font-family: ‘Trebuchet MS’, Arial, Verdana, Sans-Serif;
    }

    hr
    {
    display: none;
    }

    #page
    {
    width: 790px;
    margin: 0 auto;

    }

    #wrapper
    {
    width: 780px;
    margin: 0 auto;
    }

    #content
    {
    float: left;
    width: 440px;
    }

    .post
    {
    margin-bottom: 20px;
    color: #4a2c00;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.1em;
    }

    h2
    {
    font-size: 1.6em;
    border-bottom: 1px solid #e8c38b;
    }

    h2 a:hover, h2 a:visited, h2 a
    {
    text-decoration: none;
    color: #bd492a;
    }

    .entry
    {
    margin-top: 10px;
    margin-bottom: 15px;
    }

    .postmetadata
    {
    padding: 2px;
    font-size: 0.8em;
    border-top: 1px solid #fada96;
    }

    .postmetadata a
    {
    color: #4a2c00;
    }

    .post p
    {
    line-height: 1.4em;
    margin-bottom: 1em;
    }

    blockquote
    {
    margin: 1em 1.5em;
    padding: 1em 1.5em;
    border: 1px solid #fada96;
    background: #fcf1e2 url(images/blockquote.png) no-repeat scroll top left;
    }

    .post li
    {
    margin-left: 20px;
    }

    .post ul
    {
    list-style-image: url (images/listitem.png);
    list-style-type: bullet;
    margin-bottom: 10px
    }

    acronym, abbr, span.caps
    {
    cursor; help;
    }

    acronym, abbr
    {
    border-bottom: 1px dashed #999;
    }

    blockquote cite
    {
    margin: 5px 0 0;
    display: block;
    }

    .center
    {
    text-align: center;
    }

    a img
    {
    border: none;
    }

    h3
    {
    margin-top 1.5em;
    font-size 1.4em;
    }

    h4
    {
    margin-top: 1.2em;
    font-size: 1.2em;
    }

    h5
    {
    margin-top: 1em;
    font-size: 1em;
    }

    a
    {
    color: #bd492a;
    }

    .navigation
    {
    display: block;
    margin-top: 10px;
    margin-bottom: 40px;
    }

    .alignleft
    {
    float: left;
    text-align: left;
    width: 50%;
    }

    .alignright
    {
    float: right;
    text-align: right;
    width: 50%
    }

    ol.commentlist
    {
    width: 90%;
    margin: 0 auto;
    }

    ol.commentlist li
    {
    margin-bottom: 1.5em;
    border: 1px solid #c69835;
    padding: 5px;
    background-color: #f5de74;
    }

    ol.commentlist li.alt
    {
    background-color: #fdf6a7;
    }

    ol.commentlist a
    {
    color: #bd492a;
    }

    small.commentmetadata
    {
    font-size: 0.8em;
    margin-bottom: 1em;
    display: block;
    }

    #header
    {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    padding: 5px;
    }

    #sidebar
    {
    float: right;
    width: 336px;
    padding: 2px;
    text-align: center;
    }

    #sidebar ul
    {
    list-style: none;
    margin-bottom: 10px;
    }

    #sidebar ul ul
    {
    list-style-type: circle;
    margin-left: 20px;
    }

    #sidebar ul ul ul
    {
    margin-bottom: 0;
    }

    #sidebar ul h2
    {
    border-bottom: 1px solid #fada96;
    border-top: 1px solid #fada96;
    font-size: 1.2em;
    font-weight: normal;
    padding: 2px;
    margin-bottom: 5px;
    }

    #footer
    {
    padding: 5px;
    clear: both;
    text-align: center;
    }

    #sidebar_r
    {
    float: right;
    width: 170px;
    padding: 3px;
    text-align: left;
    }

    #sidebar_l
    {
    float: left;
    width: 160px;
    }

    .description
    {
    border-bottom: 100px;
    }

    #ad_hf
    {
    text-align: center;
    padding-top: 10px;
    }

    I had an image problem a while back and it turned out I had accidentally clicked the wordpress alignment option when posting, which comes with it’s own CSS styling that over ruled mine. That could be what is happening to yours, just manually type in the html yourself when posting and if this is what is giving you troubles you shouldn’t have any more problems.

    Try adding this to your CSS file:


    img {width:100%;}

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘My Images are being stretched …. What is wrong’ is closed to new replies.