| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > растягивание картинки |
| Автор: Гость_Вячеслав 4.2.2005, 20:21 | ||
| вставил картинку в бэкграунд таблицы, как сделать чтобы она растягивалась в размер таблицы при растяжении окна. таблица задана в процентах
|
| Автор: Aliance 7.2.2005, 23:27 | ||
Используй CSS: repeat и attachment |
| Автор: Sardar 8.2.2005, 16:19 |
| Aliance в том то вся и проблема, она не будет растягиватся, а только копироватся. Кстати это уже вопросы по вёрстке, лучше в соответствующем разделе и спросить. |
| Автор: Гость_Вячеслав 15.2.2005, 12:57 |
| Спросим и там кстати ошибку исправил по "тупому" - использовал встроенную функцию дримвьюера хотя хотел ручками:( |
| Автор: Urod 11.5.2005, 22:31 | ||
Я тут уже битый день бьюсь, чтобы растянуть свою фонову картинку этим репитом, а фон только размножается. Вот я и подумала, а репиат вообще доя этих целей подходит?????? В картинке нет повторяющихся элементов! Думаю, что нет. Есть ли способы растянуть фон, не меняя размеры фона? |
| Автор: dm9 11.5.2005, 23:50 | ||
Фоновая картинка не растягивается... вот примерное так будет правильно. Текст просто пускать вторым слоем, сверху НОРМАЛЬНОЙ (не фоновой) картинки.
Часто приходится давать ссылку на этот пост, исправляю код, добавляю сюда table-layout: fixed. Комментарии см. ниже. (25.05.2005) |
| Автор: Aliance 11.5.2005, 23:57 |
| Звиняюсь, не понял вопроса. Канечно, эти св-ва служат не для растягивания, а для проецирования. А растянуться картинку в бекграунде, как уже сказал dm9 - нельзя. |
| Автор: dm9 12.5.2005, 00:15 | ||||
В моём коде ИЕ глючит через раз. При рефреше он воспринимает 100% картинки не как растягивание по ячейке, а как 100% от размера картинки  F5 - ожидаемое поведение, F5 - глючное, F5 - опять ожидаемое... Даже если очень постараться, написать так будет непросто ))))))))Это только для больших картинок, они раздвигают ячейку. Исследовав проблему, нашёл решение. Вместо
надо написать
Кто знает, что это такое, и расскажет тут - с меня пирожок, я рассказывать не хочу |
| Автор: Aliance 12.5.2005, 00:19 |
| http://www.w3.org/TR/2002/WD-CSS21-20020802/tables.html#fixed-table-layout Это свойство управляет алгоритмами , используемым для размещения строк, ячеек и столбцов. fixed Используется алгоритм фиксированного положения таблицы auto Используется любой алгоритм автоматического размещения таблицы Рассказывать алгоритм вычисленияширины столбцов? |
| Автор: dm9 12.5.2005, 00:34 | ||||
Блин, лениво описывать
Ни за что Пирожка не получилось  В общем, тут не мануал нужен, тут суть понимать надо. Суть в том, что размер таблицы (если fixed) высчитывается не на основе текущих размеров вложенных элементов, а вычисляется самостоятельно, и вложенные элементы уже подгоняются под эту ячейку. Примеры применения. 1. (Наш пример) Есть глюк (в ИЕ), высчитывание размера таблицы на основе внутренней картинки. Так пропишем ему этот fixed, и таблица насильственно будет подгоняться под размеры окна, а потом уже браузер будет разбираться с картинкой. 2. Рамка раскрывания кода на Винграде (если длинный код).
Тут применение такое. Если в коде есть длинная строка, то после раскрытия кода ширина внутренних элементов для дива с рамкой становится большой, и некоторые браузеры обратно код уже не сворачивают, так как рассчитывают размер этого дива по принципу "100%", где 100% - это ширина РАСТЯНУТОГО окна! А нам нужна ширина свёрнутого. Чтобы всё каждый раз пересчитывалось, вписываем table-layout: fixed. Можете посмотреть на код этой странички, там такой стиль и правда есть Добавлено @ 00:36 ПС. Раскрытие кода - это нажание на кнопочку в верхнем левом углу кода. Если что. А то не поймёт кто |
| Автор: Urod 12.5.2005, 21:23 | ||||
| Еще не теряя надежды сделать станицу динамической (в процентах), я задала размер ячейки 100%, вставила в нее картинку (размер 800 на 600) и задала картинке размер 100%, чтобы она вместе с ячейкой тянулась. А картинка взяла и вообще пропала Вот код (так видна картинка):
А так нет:
Картинка не может что ли тянуться за размерами ячейки? ЗЫ Я вообще размеры страницы свела к 800 на 700 |
| Автор: dm9 12.5.2005, 21:29 | ||
Номер раз.
Тут очепятка. Если не катит, давай сюда всю страничку. Иначе не умею. |
| Автор: Urod 12.5.2005, 21:47 | ||
| Вот ссылка: http://www.webfile.ru/300184 У меня там еще ошибки есть (правая колонка длиннее нужного раза в два + в
). Спасибо за помощь! ЗЫ Такой метод работы с картинками, описанный тобой, в принципе покатит при изменении разрешения экрана? По-моему, да  У меня прям снова надежда появилась ссделать сайт грамотно... |
| Автор: Urod 12.5.2005, 22:10 |
Не, картинка не исчезает, а сдвигается вправо и сужается вся  |
| Автор: Aliance 12.5.2005, 22:17 |
| Screen в студию |
| Автор: dm9 12.5.2005, 22:33 | ||
| table-layout: fixed надо ставить не ячейке, а таблице. Вот так работает:
Ну и непропорциональное растягивание как-то не очень. Особенно для человека на картинке. Только там всё равно плохая вёрстка пока. Картинок понаставлено много, и они раздвигают таблицу. Минимальная ширина сейчас 825 пикселей где-то... неплохо бы было до 780 подогнать. Например, пустое место слева от "покраски фасадов" убрать. Ну и вообще, нижняя часть сайта у тебя не резиновая, статика  |
| Автор: Urod 12.5.2005, 22:46 |
Aliance  Добавлено @ 22:48 dm9 Ой, а я ссылку только что поменяла и комментарии к вопросам своим  Не бейте меня, посмотрите код, пож-та |
| Автор: Urod 12.5.2005, 23:14 | ||
Есть у меня там справа столбец с картинками. Так вот он при таком коде пропадает
Что я опять сделал не так? |
| Автор: Urod 12.5.2005, 23:26 | ||||||
Поправила.
Дык как это сделаешь-то? Разве что ширину столбца уменьшить, но тогдауменьшиться и ширина всей страницы А! Надо картинку (которая типа, как фон) уменьшить по ширине. Да?
Что-то я нигде пикселей не отставила (только %), а низ все равно не поджимается Вот последняя редакция: http://www.webfile.ru/300251 Прошу прощения за суету в своих действиях и как следствие кучу ссылок |
| Автор: dm9 13.5.2005, 01:25 | ||
Ага. Слушай, а тебе выложить сайт некуда так, чтобы он доступен был не в архиве? ну, зарегься на каком-нить бесплатном хостнге, типа www.nm.ru, www.hotbox.ru, www.russian.ru. Уже не актуально, это просьба для следующего раза. У тебя сейчас вообще что-то страшное Я бы начал сначала и сделал для этого самого начала основу. Пусть пока мы осваиваем табличную вёрстку. Значит, сделай макет, основную таблицу с шириной 100%, ей пропиши нужные tr и td, определись, что в них будет. Пропиши что где будет прямо внутри таблицы. Затем - вложенные таблицы. И добавляй элементы по одному. И стиль держи, отступы в html-коде для внутренних элементов больше делай (я про исходник, табы ставь в начале строки, и чем глубже вложен элемент, тем больше отступ от начала строки), а то в твоём коде сейчас фиг разберёшься, пока не прогонишь через выравниватель. По крайней мере, поймёшь, как это делается, прочувствуешь html. Это, конечно, если проект не "горит", если время позволяет этот сайт сделать с пользой для себя Если этот вариант пойдёт, сделай этот макет, выложи его тут (в новой теме), я покажу ошибки, помогу подправить. Добавлено @ 01:28 Вообще, чтобы ориентировалась, вёрстка твоего сайта - это нормальный рабочий день, со всеми доводками. Примерно так. |
| Автор: Urod 13.5.2005, 08:44 |
| dm9 Не, сайт не горит, слава Богу Он для себя, вдруг получится Да, кто-то должен остановить от постоянно наваливающегося желания делать дальше и дальшне и быстро. Надо все начать сначала. Угу. Значит разметка страницы и т.д. методично. Можно я после каждого этапа верстки буду тебе скидывать сраничку на проверку? А что это за выравниватель такой? Он облегчает верстку?  |
| Автор: dm9 13.5.2005, 11:34 |
| Вёрстку облегчает не выравниватель, а грамотное оформление исходного кода Выравниватель - это когда надо разобраться в чужом коде, причём быстро, причём не расставляя отсупы руками Мне не надо скидывать, выкладывай страничку на всеобщее обозрение, причём не в архиве, а именно как страничку (выше написал примеры бесплатных хостингов). |
| Автор: Urod 13.5.2005, 12:22 | ||
Пардон, именно это я и имела в виду, просто не точно написала. |
| Автор: Urod 13.5.2005, 19:52 | ||
| dm9 Эээ, на nm.ru я уже давно существую, но вот, как дать доступ вам к содержимому ссылки (вы же не знаете моего пароля), я не пойму что-то... Ну а пока вот разметка моей страницы (только тут вместо букв в коде фигня какая-то, но читабельная):
Вопрос: элемент 3 имеет смысл выносить в отдельную ячейку или следует его просто вставить перед таблице (элемент 4)? Какие будут замечания? |
| Автор: dm9 13.5.2005, 20:01 |
| Там есть загрузка файлов. Заливаешь страничку... с картинками. Она будет доступна так. http://your_name.nm.ru/folder/subfolder/1.html Ну или если в корень заливаешь: http://your_name.nm.ru/qwe.html Только nm недоступен бывает часто из-за перегрузки серверов. Кажется, russian.ru получше будет. Ну, вот, например, страничка. http://mitya.email.su/index.html (это бесплатный хостинг, email.su - то же самое, что такое russian.ru). Добавлено @ 20:02 Создай новую тему, там про разметку говорить будем. ОК? Добавлено @ 20:03 А вопросы про хостинг можно задать в форуме "Хостинг" (соседний с этим). |
| Автор: Urod 13.5.2005, 20:08 | ||
Да не вопрос! Я их тут уже кучи понаплодила |
| Автор: Urod 13.5.2005, 20:31 |
| Ну как же тут создать: http://email.su/?m=badlogin домен третьего уровня? |
| Автор: Aliance 13.5.2005, 21:26 | ||||
[offtop]
 одно из трех: либо я слепой, либо ты часто меняешь пол, либо у тебя раздвоение личности  [/offtop] |
| Автор: dm9 13.5.2005, 22:20 |
| Ну зарегистрируйся на email.su. Там же есть регистрация. И давай перемещаться с этим вопросом в форум по хостингу. |
| Автор: Urod 14.5.2005, 08:21 |
| Aliance Либо у меня опечаток полно! |
| Автор: DragonFire 18.8.2005, 07:51 | ||||
Нет, мне нужно, чтобы картинка всегда оставалась на месте, как Background, если написать:
|