При создании галереи, сразу же пришла идея создать список в виде плитки, вот попытался:
Код:
<table style="width:100%;" cellspacing="15px"><tr>
<td><div style="height:200px;overflow: hidden;">
<img style=" width:100%; " src="wall/photo/1.jpg">
</div></td>
<td><div style="height:200px;overflow: hidden;">
<img style=" width:100%; " src="wall/photo/2.jpg">
</div></td>
<td><div style="height:200px;overflow: hidden;">
<img style=" width:100%; " src="wall/photo/3.jpg">
</div></td>
</tr>
<tr>
<td><div style="height:200px;overflow: hidden;">
<img style=" width:100%; " src="wall/photo/4.jpg">
</div></td>
<!--- И так далее по 3 фото в ряд -->
</tr></table>
Суть в том, что нужно вывести картинки(они имеют разные фарматы - портретный, альбомные), при том, чтобы они все выводились ровно, края были друг под друга, например в моем коде фото по ширине выводится правильно, а по высоте при условии если фото портретного формата, то часть нижняя скрыта(это приемлемо), а если альбомного фармата - остается ниже фото пространство, которое, даже закрыв фоном, смотрится не гуд. Подскажите как сделать так, чтобы фото альбомного формата в данном коде было или по центру своего блока, или подстраивалось высотой под блок, но при том не растягивалось(сохраняло пропорциональность), но думаю выравнивание по центру по вертикали будет лучше. Вот только чем я не пробовал, не выравнивается.
Если у кого то есть на примете готовый пример исходник/сайт где такое осуществелено, поделитесь плиз)))
