Pictures like facebook friend's list

Hello. If somebody uses facebook would be easier to understand.

I want to display some pictures, and the name of the person, in the way that facebook shows it in the left. It shows small pictures with the name under, and only three per row. Can anybody help me accomplish that? thanks!

It is usually better to at least add what you have attempted before asking for someone to provide you with code. That being said, this is how I would attempt something similar:


	dl{
		width: 250px;
	}

	dt {
		float: left;
		clear: left;
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0;
		background: red;
	}

	dd {
		float: left;
		width: 200px;
		height: 50px;
		margin: 0;
		padding: 0;
		background: green;
		vertical-align: bottom;
	}	


<dl>
	<dt>
		&nbsp;
	</dt>
	<dd>
		W00t!
	</dd>
	<dt>
		&nbsp;
	</dt>
	<dd>
		W00t!
	</dd>
	<dt>
		&nbsp;
	</dt>
	<dd>
		W00t!
	</dd>
</dl>

You can add extra <dd> if you wanted to add the buttons they have, but that’s the basics of it. It looks like they are using an unordered list, but to me it makes more sense to use a definition list since you are defining who your friends are. I’ll leave that up to the people who want to debate semantics though. Good luck with your project.