Jump to content

Archived

This topic is now archived and is closed to further replies.

SingingCrane

Butting images right up against each other.

Recommended Posts

I am working on a page where I have a lot of thumbnails. I have specified the image sizes at 50px, 50px to make them square so that I could have them all sit in nice neat little rows. So my question is...

How do I get the images to all sit right on the edge (left, right, top, bottom) of the images around them? Using CSS that is. ;)

Thanks for any help!!

Share this post


Link to post
Share on other sites
Well I found a method that seems to work for me...simple as it is. I just use the 'float: left;' property for the img element inside the div and it worked great! What makes this different for me is that I am using the images as links, so that changed how the browser handled the images.

If anyone has any other ideas that may work, I'm open to suggestion! ;D

Share this post


Link to post
Share on other sites
Your float method will work fine. I wouldn' bother trying to find another method. It is efficient and if you go to a flexible or liquid layout it will just push the rightmost image into the next row.

All the best,

Jay

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.