| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Пара вопросов |
| Автор: yuliada 31.12.2009, 08:28 |
| Есть таблица с 3 колонками, в первой колонке названия некоторых свойств, во второй их значения, а в 3-й колонке с rowspan равным числу строк в первых двух располагаются в столбик картинки. Проблема в том что иногда картинок бывает мало и под ними остается много пустого места. Высоты строк заранее не известны и могут меняться, т.к. часть данных, если их много, прячется в hidden div и показывается скриптом. Можно ли как-то положить картинки в блок со скроллом фиксированных размеров, выровнять его по правому верхнему краю и заставить таблицу с данными обтекать его? Т.е. хотелось бы чего-то http://s56.radikal.ru/i154/0912/0a/c8374c850375.jpg. Как это есть сейчас можно посмотреть http://integromedb.org/servlet/GetAttributes?id=402231&string=esr1&mode=object&integrome Еще есть проблема с тем что иногда нужно другую таблицу впихнуть в ячейку таблицы (см. внизу), она может разорвать страницу т.к. слишком широкая, поэтому сейчас лежит внутри div с прокруткой. Подскажите можно ли этот div заставить занимать все свободное место в ячейке (сейчас у него фиксированная ширина). при попытке поставить width=100% ширина div равна ширине содержимого и страничка рвется. Заранее спасибо. |
| Автор: Mavrun 31.12.2009, 10:36 |
| По поводу второго вопроса - обычно, когда ширина диву не указывается, то она автоматически занимает всё предоставляемое место. можно также попробовать поставить ему свойство min-width - минимальная ширина, и max-width - максимальная. Но шестым ишаком они игнорятся. Что касается первого вопроса, то тут сложнее. У меня возникла идея, возможно сложная, но пока в голову ничего не залезло. В общем большую таблицу можно делать не единой, а частями, например по пять строк. Размер кода станет побольше, но тут будет выигрыш для ишака в скорости подгрузки и отображения данных. Но это не важно. Так вот, раз таблица будет вот так разделена, то, можно в код вне таблицы поставить div со свойством float:left, чёткой шириной, а вот высота.. Тут предлагаю для первой таблицы (для первых пяти строк) через жабаскрипт вытаскивать их высоту, просуммировать и подсунуть тому диву. Див сделать, ессна, со скроллингом, можно даже с каким-то красивым - об этом можно почитать в статье http://shublog.ru/ajax/jquery/kak-sdelat-vertikalnyjj-i-gorizontalnyjj-skroll/. |
| Автор: yuliada 8.1.2010, 03:20 |
| Проблему с колонками решила при помощи java script. Все таки интересно можно ли что-то такое сделать при помощи только html и css? |
| Автор: Mavrun 8.1.2010, 11:48 |
| сомневаюсь, что возможно будет сделать, а если и возможно то сложно и наверняка не кроссбраузерно. поэтому жабаскриптовский вариант тут оптимален пожалуй. |