Centering Problems

[Fanfreakingtastic]

Alright, On side Side tables on my V.5 site, the pictures are not centering what so ever. They are leaving to the far right of the table and I was wondering if I am doing something wrong or if there is a code error. Help please. Thanks.

Site Link

[Tressa]

If I'm seeing things right, your sidebar is set to a width of 199px, your pictures are 200px wide, and there is padding (not sure what width) in the sidebar as well. To have the same blank space on both sides of the pictures you can either make the width of the sidebar just a few px wider, or add a width to the picture to make it fit into the width you have now. Adjust that width to what works best for you.

<a href="your link"><img src="image link" width="195" alt="whatever"></a>                      

[Shrike]

Alternatively, you could set a negative margin on the images. The images are being moved over because there is 5px of padding (invisible space) in the sidebar boxes. Using a negative margin will essentially say to move them over so that they take up the specified amount of space. For reference, a positive margin will say that a certain amount of space should be left on the outside of an element; padding will add space on the inside.

Adding this to the header or footer of the sidebar plugin should do the trick:

<style type="text/css">#sidebarr-left .content img {margin-left: -5px;}</style>

Have a read of this article for a good explanation of how margins/padding/etc work.

[Fanfreakingtastic]

Thank you both so much, that helped out a lot!