Jump to content


Photo

Butting images right up against each other.


  • Please log in to reply
2 replies to this topic

#1 SingingCrane

SingingCrane
  • New Members
  • Pip
  • Newbie
  • 8 posts

Posted 22 September 2006 - 06:49 AM

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!!

#2 SingingCrane

SingingCrane
  • New Members
  • Pip
  • Newbie
  • 8 posts

Posted 22 September 2006 - 11:10 AM

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

#3 smashingred

smashingred
  • Members
  • PipPip
  • Member
  • 15 posts

Posted 22 September 2006 - 12:29 PM

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




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users