...

View Full Version : Image Placement



EnnisP
10-23-2011, 07:43 AM
When I align images left there is always a space between the left side of the image and the left border of the post.

How do I remove this Margin/Space? I would like the image to be flush with the left side.

I have checked my CSS and don't find any margin or padding on the coding for images.

My site is here (http://nowthinkaboutit.com) and I use WordPress.

Excavator
10-23-2011, 09:17 AM
Hello EnnisP,
Could this 15px be the cause -
#contentleft p a img {
border: 1px solid #CCCCCC;
float: left;
margin: 10px 15px;
}

EnnisP
10-23-2011, 11:24 AM
Thanks Excavator. Your answers are always spot on!

One more question. What is the difference between the following scripts:


#contentleft p a img {
float: left;
margin:10px 15px 10px 0px;
border:1px solid #ccc;
}

And


img.alignleft {
padding: 0px; margin: 15px 10px 10px 0px;
display: inline;
}

And


img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}

It seems like each code set is repeating information.

PS - You might have noticed I changed the code you sited.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum