I see a border on all four sides.
What browser are you using?
Firefox. Looks like IE cuts at least 20px off the left-hand side, but just on the first seven graphics. May be an alignment issue?
I would look at the HTML between posts that look ok and compare to those that are cropping. The tag may be slightly different.
They are all cropping though
I see them cropping from the first to “The Most Expensive Jewelry Of 2006” The other pics are slightly indented, allowing the border to show on the left…
Is it possible to fx this?
BAD
<a class="imagelink" title="1_0213feat.jpg" href="http://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg"><img width="291" height="222" id="image50" alt="1_0213feat.jpg" src="http://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg" /></a>
These ...
GOOD
<img src='/wp-content/t1.fossett.land.getty.jpg' alt='Fossett' />
Adventurer ....
In the Jewelry post, get rid of the following in the HTML and we’ll see what happens: class="imagelink" title="1_0213feat.jpg"
Note that ‘bad’ and ‘good’ are only about the results wanted.
I took the thing out but is still not working
Delete <p><img src from the same post (jewelry) and add <a href instead so it looks like this: <a href=
It looks like it’s the property definitions causing the problem… try this:
OLD
<a class="imagelink" title="1_0213feat.jpg" href="http://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg"><img width="291" height="222" id="image50" alt="1_0213feat.jpg" src="http://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg" /></a>
These ...
NEW
<a><img src="http://sybarites.org/wp-content/uploads/2006/02/1_0213feat.jpg" /></a>
These ...
In your stylesheet you have:
.primary img {
margin-left: -5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}
Try setting margin-left: 0;
Sorry the style sheet settings thing above did not work.
