I would like to know how I can go about coding in css a row of images with another row of images directly below the first? I would also like to know how to "stack" rows of images but still have text show without any interruption.

I have a rather large image that I am considering for a page. I know that large images take longer to load so I will probably chop it up into small bites. I am new at css and I have been trying to figure out how to do this, but it is kicking my butt big time. I can't find much about it on any of the tutorials I have read.

Any help, guideance, suggestions or advice would be greatly appreciated.

Thank you

Create a fixed-width div.
Create an unordered list and put the images in as the <li> items.
Float the <li> items, they'll line up next to each other. If you calculate the image sizes to fit and wrap inside the div, then the rows will stack.

That's just one method, you could also just float the images the same way.
Chopping the image into smaller pieces isn't going to help page load time a whole lot.

http://realworldstyle.com/thumb_float.html
http://www.alistapart.com/articles/practicalcss/
http://nostrich.net/archives/css-thumbnail-gallery/

do you have a screen shot of what you are trying to accomplish?

Thanks LadyNRed. By using an unordered list, I don't think the images will line up horizontally and stack vertically. I'll give it a try and see what happens.

Zincoxide, take a look here at http://vance.thebams.org/IMP/test.html

The code is probably not exactly right, but . . .

You'll see where the original background image ends. Then there is a lot of black all the way down to the copyright notice at the bottom of the page. I have made another image that is a sliver of the original background image to act as a filler type image that will fill the remaining area of the background and show the text as well.

You'll also notice that the way I have it figured out so far the text gets cut off on the bottom half of the page and I would love to be able to fix this instead of having to make a new background image that will cover the whole area.

I hope this makes sense.

Thanks

I don't think the images will line up horizontally and stack vertically.

It will if you do it the way I outlined