Jump to content
Sign in to follow this  
LukeB

Equal Spacing between images

Recommended Posts

LukeB

Im looking to be able to create equal spacing between images in a sidebar widget. Ive put them in a html text widget and just used the following code and then repeated it.

The xx The Maccabees Jamie xx
However i find that it doesn??™t provide nice neat looking gaps between images and the image on the right is never fully in line with the right hand side of the sidebar. What im trying to achieve can be seen on http://prettymuchamazing.com/ under On Deck which is half way down the page in the right sidebar. http://www.danceyrselfclean.com/ Best Regards Luke Boobyer

Share this post


Link to post
Share on other sites
kastelic
Better to make a list rather than a table. Here is the CSS they have used on each image to make it line up like that: [code] #sidebars #on_deck li { float: left; margin: 0 6px 6px 0; } [/code] This code affects each list item, which has the image inside it. Your's will be simililar but have different ids of course. Use Google Chrome to right-click and "inspect" any element to view it in the source and the CSS associated with it.

Share this post


Link to post
Share on other sites
LukeB
Ok cheers i changed it to a list rather than a table but im still unable to find the correct css needed to achieve equal spacing, even when using firebug

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×