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!! 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 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 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
Archived
This topic is now archived and is closed to further replies.