Здравствуйте!

Мне нужно сверстать страницу, на которой должно отображаться некоторое количество превьюшек 160х120 плюс пару слов комментариев под каждой из них. Можно ли с помощью CSS сделать так, что бы блоки (изображение + текст) вели себя как строчные центрированные элементы, т.е. при различных разрешениях экрана на горизонтали умещалось определенное их количество, а остальные переходили на новую строку? (Т.е. так, как ведут себя изображения без надписей, находящиеся в нормальном потоке)

Или не стоит с этим заморачиваться и остановиться на определенном количестке блоков? В таком случае, очень хотелось бы узнать каким образом можно решить ту же задачу, но уже с фиксированным количеством элементов в строке, придерживаясь XHTML Strict. Проблема у меня заключается именно в центрировании. Ничего хорошего, соответствующего этому стандарту и позволяющего равномерно распределять блоки при разных разрешениях, я так и не нашла, к сожалению Я в этой области пока

Заранее спасибо.

b]Е1ena[/b], Вот это хороший вопрос. Я бы не смог его на словах выразить. Самому интересно. Кстати ты тоже можешь помочь ещё более начинающему. К прмеру что есть - CSS? Всю жизнь прыгаю вокруг от этой галочки, а вот что это такое так и не узнал.

Е1ena, заранее заданое Вами количество элементов?

AquaSoNick, юмор в разделе "Общий".

Акела, количество элементов на странице задается мной, а их расположение хотелось бы оптимизировать под разные разрешения. Да и вообще, уже стало просто интересно, можно такое реализовать, или нет

Е1ena, вопрос Ваш не очень понятен.
"с фиксированным количеством элементов в строке, придерживаясь XHTML Strict" - это вполне нормальная идея. Идеологически безупречно она выглядит так: таблица. Таблица, это такая фигня, в которой ячейки неким регулярным образом сопоставлены друг другу. В Вашем случае это <table> в которой есть <tbody></tbody> содержащее две строки (картинка и дескрипшн) и заданое количество столбцов. Чтобы это не разъехалось, его лучше обнять неким контейнером, который, собственно, и будет как-то позиционироваться относительно тела документа. Например, посередине. И это будет вполне стандартно, я Вам говорю. Потому как грубо и некрасиво, но для данного случая адекватно будет сказать, что если есть сопоставление ячейки одного столбца/строки ячейке другого столбца/строки, то это и будет таблица.

Теперь, если Вы предполагали сделать что либо в духе элемента, содержащего и картинку и подпись и, при этом являющимся строковым, то я Вас разочарую. Нельзя нарушать законы мироздания, например, чтобы поместить подпись ПОД картинку Вам нужно перевести строку. Ок, это будет уже следующая строка, а команды "сделать вид, как будто не было", чтобы следующий дочерний элемент вернуть на уровень выше, в логике языков разметки отсутствует. И правильно делает. Поэтому Вы всегда при попытке решения подобной задачи будете наталкиваться на то, что в ряду строковых элементов любое действие имеет необратимые последствия.

Теперь новая задача: привязать количество столбцов в таблице к разрешению экрана. Я правильно Вас понял? Это можно. Но сама идея попахивает изнасилованием логики масштабируемости документа, что есть неправильно. Клиентским скриптом это пара строк. Если Вы думали сделать это только средствами языка разметки, то этого нельзя. Почему - см. выше.

Может имелось ввиду что-то подобное?

arlekino, Именно это!! Если коенчено Елена не ищет что-то другое.

Ох, бог ты мой... Дык можно ещё каждый угол в абсолюте привязать... Речь шла об этом: центрированные элементы

CSS-хаки это очень богатая тема для развлечений, только речь, как мне показалось. шла о вёрстке.

Спасибо за ответы.

arlekino, я действительно имела ввиду похожий эффект, но только, чтобы это было центрированно, как верно заметил Акела

Акела, при моем уровне знаний мне трудно ответить более-менее адекватно, поэтому начну с конца.

Привязать количество столбцов в таблице к разрешению экрана: да, я тоже считаю, что это противоречит логике html, а до написания скриптов я еще не дошла. Так что, этот вариант отпадает.

Из-за того, что нельзя рушить законы мироздания, я сильно разочаровываться не буду, потому как не анархистка

Теперь осталось разобраться с Вашей первой идеей. Сейчас попробую почитать каких-небудь умных статей и реализовать нечто подобное. Раньше я пробовала задать расположение блоков в виде таблицы с width: хх%, но как ее потом законно центрировать по горизонтали, так и не поняла

Наверное, я не стану слишком мудрствовать и остановлюсь на подобной структуре:

<table>
<tbody >
<tr>
<td><img src="image1.jpg" alt="image 1" /></td>
<td><img src="image2.jpg" alt="image 2" /></td>
<td><img src="image3.jpg" alt="image 3" /></td>
</tr>
<tr>
<td>image 1</td>
<td>image 2</td>
<td>image 3</td>
</tr>
</tbody>
<tbody>
…
</tbody>
…
</table>

А в стилях:

table
{
margin-left: auto;
margin-right: auto;
text-align: center;
}

Спасибо за советы

Е1ena, а верстка у Вас жесткая

Цитата:

</tr> </tbody>

На самом деле, вопрос не имеет практического значения.

это руками tbody пишется или же редактор есть какой мудрёный?

Цитата:

Е1ena, а верстка у Вас жесткая

А в чем, собственно, проблема? Мне действительно интересно. Нет, я, конечно, понимаю, что <tbody></tbody> в данном случае не обязателен, но он, по-моему, вполне успешно выполняет функцию логического разделения. Если же этот элемент нежелательно использовать, мне бы хотелось узнать, почему

Да и вообще, на данный момент я пытаюсь понять философию XHTML - где и когда лучше использовать те или иные элементы, что есть хорошо, а что нет. Где, например, проходит граница уместности применения таблиц. Ведь если писать весь код на дивах, то он, в некоторых ситуациях, может получиться еще более нагружен, и главный смысл применения CSS теряется.

А мудреными редакторами не пользуюсь...

<tbody> в данном случае правильная мысль. А вообще говоря займитесь программированием, Вам легче будет. На клиенте определяете ширину и в зависимости от - делаете количество столбцов. Нафиг надо - непонятно, зато тешит Ваши желания! ЯваСкрипт Вас спасёт!

Цитата:

А вообще говоря займитесь программированием

Займусь конечно Вот только с HTML хорошо разберусь, сначала