So I look at all these websites and they use the div tags everywhere, and I want to take it for a test ride. I've never been too good with css and have followed multiple tutorials, but css seems to hate me. I even download source files for what the css is supposed to do (formatting wise) and when I load it, it's nothing similar.

But heres the point. I'm making a website for my mom for her birthday, and a big part of it will be pictures. She has so many pictures I'm wondering if I"ll be able to scan them all before her birthday. I wanna try and setup something like facebook with albums and such, and I was hoping I could get some insight on formatting the page while looking at the 'thumbnails' of the pictures.

So when you're looking at an album, it shows you smaller versions of the pictures you could blow up (to see the large version) and it normally does 5 rows of 4, a total of 20 pictures per page.

How could I use div's + CSS so that the pictures are evenly spread out in the one frame?

css:

.images img {
  border:0;
  margin: 0 30px;
}

Html:

<div class="images">
<img src="1.jpg" alt="Image 1" width="50" height="50" />
<img src="2.jpg" alt="Image 2" width="50" height="50" />
<img src="3.jpg" alt="Image 3" width="50" height="50" />
<img src="4.jpg" alt="Image 4" width="50" height="50" />
</div>

Something like that should do it

I even download source files for what the css is supposed to do (formatting wise) and when I load it, it's nothing similar.

Unless your html file is set up with the proper doctype -which you MUST have - then you WILL get funny results, especially with IE.

Look in the forum stickies, there a whole thread devoted to photo galleries.

Thank you very much guys, I've been playing around with it and have been improving my css skills. I'm sure I'll be back though :-P