HTML+CSS+JavaScript

Доброго времени суток!
Подскажите пожалуйста, где-то я такое встречал, что выводились фотографии друг за другом построчно (к примеру по 4 штуки в ряд и так куча рядов) и при уменьшении ширины экрана, фотографии, которые не влезают в ряд, перемещались в следующий ряд автоматом. Т.е. уже получалось по 3 фотки в ряду.

Меня более сложный вариант интересует.
Хочу сделать так, чтобы таблицы двухстрочные с определенной шириной и высотой (см.код ниже) выстраивались бы также как описано выше.
Возможно ли такое сделать?

<table width="100" border="0" cellspacing="9" cellpadding="3" height="100"> <tr> <td>sdfsdfsd</td> </tr> <tr> <td>sdfsdfsdf</td> </tr> </table>

>"где-то я такое встречал"

Ух ты!
"Наверное, это какой-то супер-пупер-мега-скрипт!!!" - подумали вы, да?

ТАКОЕ вы встречаете буквально НА КАЖДОМ ШАГУ - в каждой газете, в каждой книге, на каждом сайте в интернете. Вот и сейчас, читая это моё предложение, вы тоже с ТАКИМ встретились.
Сколько слов предложения помещается в ширину экрана, столько и отображается. Будет окно браузера поуже - меньше слов останется в одной строке, "лишние" перенесутся на другую.

Напишите подряд десять (или сколько угодно) тегов <IMG> и они, также, как и слова, будут переноситься на другую строку в случае, если в одну не поместятся.
Ибо фотографии (теги <IMG>) - они как и обычные слова в тексте, имеют по умолчанию ЛИНЕЙНЫЙ стиль (inline).

Таблицы ваши (и, практически, ЛЮБЫЕ теги) тоже могут стать "словами" (и легко по необходимости будут переноситься), если вы установите им ЛИНЕЙНЫЙ стиль:

<table width=" 89" height="90" border="1" style="display: inline"><tr><th>T</table> <table width=" 90" height="89" border="1" style="display: inline"><tr><th>T</table> <table width="123" height="78" border="1" style="display: inline"><tr><th>T</table> <table width="234" height="67" border="1" style="display: inline"><tr><th>T</table> <table width="345" height="56" border="1" style="display: inline"><tr><th>T</table> <table width="456" height="45" border="1" style="display: inline"><tr><th>T</table>

А уж сколько строк/столбцов будет в тех таблицах, и какой конкретно размер будет у каждой - дело двести двадцать пятое. Ничем ваш вариант не "сложнее" обычного предложения :-)

Маленькая поправочка - IMG встроенный элемент, т.е. тут inline-block...

Ничего не понял.

1. Что значит "IMG встроенный элемент"? А какой ещё элемент можно назвать "встроенным"? И - главное - какие элементы являются "НЕвстроенными"? И - КУДА и ПОЧЕМУ они НЕ "встроились"?

2. "тут inline-block" - это ГДЕ?

Попробуй не использовать таблицы, а использовать слои (div) + css укажи размер слоя в процентах и параметр float: left. Если не разобрасля напиши. Напишу подробнее.

>"Попробуй не использовать таблицы, а использовать слои (div) + css

Где ж вас таких делают?
Из какого инкубатора вы все вылазите?
Какой идиот вас всех надоумил, что <table style=""></table> - нельзя, а надо <div style=""><table></table></div>?
Почему?

Попробуйте хотя бы один раз в жизни "секс без презерватива", т.е. ВСЁ ТОЖЕ САМОЕ, но без DIV'a.
Оно много приятнее :-))