верстка фото галереи

Проще всего сделать [FONT="Courier New"]div[/FONT]-ами. Если, конечно, ты не хочешь делать [FONT="Courier New"]vertical-align[/FONT] картинок.

[HTML]<style>
.Container div {
float:left;
border:1px solid #999;
margin:10px;
}
.Container div div {
background-color:#eee;
float:none;
margin:10px;
width:150px;
height:80px;
border:0 none;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.Container span {
display:block;
margin:10px;
}
</style>[/HTML]

[HTML]<div class="Container">
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 1</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 2</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 3</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 4</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 5</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 6</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 7</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 8</span></div>
<div><div><img src="http://www.kotya.ru/image/2_none.jpg" /></div><span>photo 9</span></div>
</div>[/HTML]

Но значение [FONT="Courier New"]table-cell[/FONT] поддерживается в [FONT="Courier New"]NN6+, Moz, FF, Op4+[/FONT]. В [FONT="Courier New"]IE6-[/FONT] оно точно не поддерживается. Может быть в 7 или 8 версии уже реализованы.
Если ты хочешь сделать [FONT="Courier New"]vertical-align:middle[/FONT] в [FONT="Courier New"]IE[/FONT], то тогда только таблицами. Можно совсем извращённо таблицу с одной ячейкой делать вместо внутреннего [FONT="Courier New"]div[/FONT]-а. Если бы я делал масштабируемую под ширину страницы галерею и хотел [FONT="Courier New"]vertical-align:middle[/FONT], я бы так и поступил.

[HTML].Container table {
margin:10px;
border:0 none;
}
.Container td {
background-color:#eee;
width:150px;
height:80px;
text-align:center;
vertical-align:middle;
padding:0;
margin:0;
}[/HTML]

[HTML]<div><table cellpadding="0" cellspacing="0"><tr><td><img src="http://www.kotya.ru/image/2_none.jpg" /></td></tr></table><span>photo 1</span></div>[/HTML]

А [FONT="Courier New"]onclick[/FONT] лучше сделать через обход [FONT="Courier New"]childNodes[/FONT], извлекая [FONT="Courier New"]src[/FONT] и [FONT="Courier New"]alt[/FONT] у [FONT="Courier New"]img[/FONT]-а. Значение, извлечённое из [FONT="Courier New"]src[/FONT], потом регулярным выражением обработать.
И зачем писать в [FONT="Courier New"]onclick[/FONT] обработчике [FONT="Courier New"]java script:[/FONT] ?