My Images are being stretched …. What is wrong

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.

https://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
https://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:

<img class=”size-medium wp-image-673 alignleft” title=”home-remodeling-credit-cards” src=”https://www.oskie.com/credit-report/wp-content/uploads/2008/12/home-remodeling-credit-cards.jpg&#8221; alt=”” width=”115″ height=”115″ />

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:

<img src=”https://www.oskie.com/credit-report/wp-content/uploads/2008/12/home-remodeling-credit-cards.jpg&#8221; alt=”Home remodeling credit cards” align=”left” />

The actual code for that picture is:

<a title="Home remodeling credit cards" href="https://www.credit.com/r/identity-guard/af=p39646&amp;ag="><img class="size-medium wp-image-673 alignleft" title="home-remodeling-credit-cards" src="https://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="https://www.credit.com/r/identity-guard/af=p39646&amp;ag="><img src="https://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: https://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: https://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%;}