SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2011
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    simple CSS photo gallery

    The landing page on my website displays a collection of small photos in a TABLE http://torontorabbits.org. I'm wondering if there's a better way to do this? My latest attempt just puts the images loose in a DIV http://nicoleonline.tumblr.com/testing, which is cleaner than using a table but it still has a fixed width. Ideally I'd like something that's more responsive to screen size. Any suggestions?? Thanks!!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by nicolasks View Post
    My latest attempt just puts the images loose in a DIV http://nicoleonline.tumblr.com/testing, which is cleaner than using a table but it still has a fixed width.
    If you remove the fixed widths, the images will flow nicely into lines depending on the viewport width.

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2011
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    If you remove the fixed widths, the images will flow nicely into lines depending on the viewport width.
    Thanks for your help!! I appreciate it But I'm not sure, because the reason I made it fixed is because I may be putting some text beside it. If I don't, I'd like it to fill the entire area (the blue box), regardless of screen size -- but then maybe I need to center it, so that it doesn't look awkward when the screen isn't quite big enough to admit another photo on the right...

    Do you know what I mean?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •