Margin/ padding for pictures - Small Problem, Would Be Grateful For Help!

Hey guys,

I have a small problem with the margins/ padding around my images on this page: http://correresmidestino.com/snapshots/

It's driving me crazy! I don't know why, the border is not exactly around the pictures. I tried to figure this out looking at the CSS but I guess I'm braindead - I can't

I'd be grateful for any help if someone has a minute!

 

Ahoy! You have padding for both the div wrapping the thumbnail and the thumbnail itself! There are two possible solution...

Solution 1:
At line 667 of style.css file, you will see codes something like this:

#pageblog img, .pageblog a img {
border:0 solid #CCCCCC;
margin:0 10px 5px 0;
padding:2px;
}

Code (markup):

Change it to:

#pageblog img, .pageblog a img {
border:0 solid #CCCCCC;
margin:0 10px 5px 0;
[B]padding: [B]0[/B];[/B]
}

Code (markup):

Solution 2:
Add the following line code at the end of your style.css file:

#photostream div.flickr-thumb {
 height: 79px !important;
 width: 79px !important;
}

Code (markup):

The choice is yours!

 

Thank you so much for the explanation and the fix. I appreciate it!

I went for the second solution (who doesn't like copy and paste? ;-)) and it worked like a charm. Phew...!

 

You are most welcome! Note that the second solution overrides the default flickr CSS [Nothing to worry about though!]

 

I contradicted myself, I actually switched to picking the first solution (otherwise I still had problem with the other thumbnails on the pics page). Anyway, it worked great!