WordPress.org

Forums

My Images are being stretched .... What is wrong (13 posts)

  1. oskieguy
    Member
    Posted 6 years ago #

    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.

  2. alanhughes
    Member
    Posted 6 years ago #

    Try adding width="300(or whatever the correct width is)" and height="100" after the img src="yourwebsite.com/image.jpg" line.

  3. oskieguy
    Member
    Posted 6 years ago #

    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.

  4. oskieguy
    Member
    Posted 6 years ago #

  5. summerhogan
    Member
    Posted 6 years ago #

  6. summerhogan
    Member
    Posted 6 years ago #

    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>

  7. oskieguy
    Member
    Posted 6 years ago #

    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

  8. oskieguy
    Member
    Posted 6 years ago #

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

  9. rboatright
    Member
    Posted 6 years ago #

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

  10. oskieguy
    Member
    Posted 6 years ago #

    ok
    let me try that

  11. oskieguy
    Member
    Posted 6 years ago #

    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;
    }

  12. alanhughes
    Member
    Posted 6 years ago #

    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.

  13. TheXboxReview.com
    Member
    Posted 6 years ago #

    Try adding this to your CSS file:


    img {width:100%;}

Topic Closed

This topic has been closed to new replies.

About this Topic