Jump to content

Row Of Fluid Images?

Recommended Posts

Hi all, I'm working with fluid images for the first time at the request of a client. The design of the webpage has a row of three images, expanding a total of roughly 1180 pixels. Take a look here:http://acq.matthewboehler.com/test.phpI'm using fluid images because I want to make it so that, if the browser is shrunk below 1180 pixels wide, the row of images stays intact, and the images simply shrink.Right now, when you shrink the browser, the images fall onto another line. Shrink it far enough and you have three images stacked on top of each other.Is it possible through CSS to keep these images on the same line? I've even tried putting the images in a table, but it still pushes them onto a new line.Any help is very much appreciated, thank you!

Link to post
Share on other sites

Thank you, that works for me. Each column has a different width, so instead of making each column 33%, I made it relative to the container size. The middle column is the widest, and the left column is the narrowest. Now, is it possible to get everything centered on the page, like "margin-left:auto;margin-right:auto" works? I tried that and it did not work. By default everything is left aligned. I even tried putting everything in a table and that did not work.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...