![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| JTOne |
|
|||
|
Шустрый ![]() Профиль Группа: Участник Сообщений: 81 Регистрация: 21.4.2007 Где: http://jthotblog. blogspot.com/ Репутация: нет Всего: нет |
Подскажите как мне растягивать бекграунд или подскажите как вобще выходят из этой проблемы
Суть в том, и имею такую табличку
И когда я помещяю в ячейки таблицы очень много текста, он конечно же растягиваеться, и снизу вылазит повторный бекграунд(бекграундна картинка размером 546х122, есть вариант ее порезать, вопрос как я это могу использовать), как вобще можно сделать неограничено по высоте таблицу, т.е. он каждый раз новоя высота, а бекграундная картинка остается? |
|||
|
||||
| webster |
|
||||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 361 Регистрация: 1.1.2007 Репутация: 34 Всего: 34 |
Есть два варианта, либо оставить эту картинку бэкгроундной и просто ее повторять - repeat, либо вставить в ячейку таблицы относительно позиционированный <img /> и задать ему стили:
Пример может выглядеть следующим образом:
|
||||
|
|||||
| JTOne |
|
|||
|
Шустрый ![]() Профиль Группа: Участник Сообщений: 81 Регистрация: 21.4.2007 Где: http://jthotblog. blogspot.com/ Репутация: нет Всего: нет |
как реализовать аналогичное,
Тут идут блочки с найденным, и у них на фоне картинка, и ее размер как то подстраиваться под обьем данных в блочке http://www.apartmenthomeliving.com/apartme...earch_id=397979 |
|||
|
||||
| webster |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 361 Регистрация: 1.1.2007 Репутация: 34 Всего: 34 |
А вы пробовали в вашем примере реализации сайта смотреть код?!! Во-первых, картинки вставлены с помощью тегов <img /> , а во вторых, адреса картинок имеют абсолютные значения, да к тому же в теге <img /> не проставлен размер, а это значит что рисунок занимает площадь, соответствующую своему реальному размеру.
Поэтому, например картинки большего размера - <img src="http://www.apartmenthomeliving.com/img/comm/5124/5124_1739_185x135.jpg" alt="Lodge at Lakeline Village " /> - они так и имеют больший размер (он даже указан в их названии), чем другие картинки, например <img src="http://www.apartmenthomeliving.com/img/wm/24.jpg" alt="Addington, The" />. Можете вставить эти абсолютные адреса в строку поиска броузера и посмотреть на экране реальные размеры этих картинок. |
|||
|
||||
| JTOne |
|
|||
|
Шустрый ![]() Профиль Группа: Участник Сообщений: 81 Регистрация: 21.4.2007 Где: http://jthotblog. blogspot.com/ Репутация: нет Всего: нет |
ок, я понял, может быть, хорошо, а как реализовать аналогичное, не делая 1000 картинок разных размеров?
|
|||
|
||||
| webster |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 361 Регистрация: 1.1.2007 Репутация: 34 Всего: 34 |
Задайте у всех картинок, которые у вас будут отображаться в одинаковых блоках размер стилями width и height одинаковый для всех картинок... только желательно, чтобы у вас и картинки были такого же (или пропорционального, иначе у вас при увеличении или уменьшении, а это делает сам тег <img /> в зависимости от указанных в нем размерах-увеличивает или уменьшает, то есть вписывает в себя, картинки произойдет ее деформация продольная или вертикальная) размера или, как я уже говорил - пропорционального. Во всех случаях всегда готовятся картинки (их размеры) под дизайн, а не наоборот.
|
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |