Old 01-04-2004, 19:48   #1 (permalink)
Nilbus
Registered User
 
Join Date: Apr 2004
Posts: 1
CSS inline/block combination?

Is there a way to put boxes (like a div or other container) on a page that flow like an img does? I looked at the CSS display:inline-block property, but apperently it only works in Opera. I need a block that I can set a width and height to and put more than one on a line.

I am making a page with thumbnails of various widths and heights. I want to fit as many thumbnails horizontally on the page as the window size will allow, while keeping all the images in line with eachother vertically.

My idea was to center each image in a 150x150 box (so they all line up vertically). Then put all the boxes in a row and let the browser wrap them as needed.

Is there a way I can do this? I've looked into a lot of differnet options, but can't find anything yet. If you don't think it's possible, let me know too.

Thanks,
Nilbus
  Reply With Quote
Old 02-04-2004, 02:41   #2 (permalink)
Bill Posters
trouble free and loverlee
 
Join Date: Mar 2003
Location: YooKay
Posts: 2,899
  Reply With Quote
Old 02-04-2004, 05:27   #3 (permalink)
dan
Iris Folder
 
dan's Avatar
 
Join Date: Apr 2003
Location: smokey
Posts: 2,672
can you not just float all the boxes left or right

float: left;

? that's how I've normally done it.
  Reply With Quote
Old 02-04-2004, 05:28   #4 (permalink)
dan
Iris Folder
 
dan's Avatar
 
Join Date: Apr 2003
Location: smokey
Posts: 2,672
Hmm, just like Bills article there... should've known
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8