SingingCrane Posted September 22, 2006 Share Posted September 22, 2006 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!! Quote Link to comment https://forums.phpfreaks.com/topic/21630-butting-images-right-up-against-each-other/ Share on other sites More sharing options...
SingingCrane Posted September 22, 2006 Author Share Posted September 22, 2006 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 Quote Link to comment https://forums.phpfreaks.com/topic/21630-butting-images-right-up-against-each-other/#findComment-96631 Share on other sites More sharing options...
smashingred Posted September 22, 2006 Share Posted September 22, 2006 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 Quote Link to comment https://forums.phpfreaks.com/topic/21630-butting-images-right-up-against-each-other/#findComment-96657 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.