Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> рястяжка бекграунда в таблице, или разделение картинки 
:(
    Опции темы
JTOne
Дата 14.6.2007, 11:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 21.4.2007
Где: http://jthotblog. blogspot.com/

Репутация: нет
Всего: нет



Подскажите как мне растягивать бекграунд или подскажите как вобще выходят из этой проблемы
Суть в том, и имею такую табличку


Код

<table border="0" cellpadding="0" cellspacing="0" style="background-image: url(pic/result/frame.jpg)" width="546px">
<tr height="34px">
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>sadf
</td>
<td>asdfas
</td>
</tr>
</table>
</td>
</tr>
<tr height="88px">
<td>asdfas
</td>
</tr>
    </table>



И когда я помещяю в ячейки таблицы очень много текста, он конечно же растягиваеться, и снизу вылазит повторный бекграунд(бекграундна картинка размером 546х122, есть вариант ее порезать, вопрос как я это могу использовать), как вобще можно сделать неограничено по высоте таблицу, т.е. он каждый раз новоя высота, а бекграундная картинка остается?
PM MAIL WWW IM Skype GTalk Jabber AOL YIM MSN   Вверх
webster
Дата 15.6.2007, 06:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



Есть два варианта, либо оставить эту картинку бэкгроундной и просто ее повторять - repeat, либо вставить в ячейку таблицы относительно позиционированный <img /> и задать ему стили:
Код

img
{
width: 100%; height: 100%; position: relative;...
}
но в таком случае при увеличении ячейки по оси y (то есть вних) будет так же непропорционально деформироваться и сам рисунок в ячейке таблицы.
Пример может выглядеть следующим образом:
Код
<table>
<tr>
<td style="width: 500px; height: 350px; background: pink;">
<p style="font: 100% Arial,Helvetica,sans-serif; color: #000; position: absolute; top: auto; left: auto; z-index: 200;">ddddddddddddddddddddddddddddddd</p>
<img src="#" style="width: 100%; height: 100%; background: red; position: relative; top: 0; left: 0; z-index: 100; display: block;" />
</td>
</tr>
</table>
с Доктайпом или без - не имеет значения.
PM MAIL   Вверх
JTOne
Дата 16.6.2007, 10:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 21.4.2007
Где: http://jthotblog. blogspot.com/

Репутация: нет
Всего: нет



как реализовать аналогичное,

Тут идут блочки с найденным, и у них на фоне картинка, и ее размер как то подстраиваться под обьем данных в блочке
http://www.apartmenthomeliving.com/apartme...earch_id=397979


PM MAIL WWW IM Skype GTalk Jabber AOL YIM MSN   Вверх
webster
Дата 16.6.2007, 23:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 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" />. Можете вставить эти абсолютные адреса в строку поиска броузера и посмотреть на экране реальные размеры этих картинок.
PM MAIL   Вверх
JTOne
Дата 17.6.2007, 13:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 21.4.2007
Где: http://jthotblog. blogspot.com/

Репутация: нет
Всего: нет



ок, я понял, может быть, хорошо, а как реализовать аналогичное, не делая 1000 картинок разных размеров?
PM MAIL WWW IM Skype GTalk Jabber AOL YIM MSN   Вверх
webster
Дата 17.6.2007, 15:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



Задайте у всех картинок, которые у вас будут отображаться в одинаковых блоках размер стилями width и height одинаковый для всех картинок... только желательно, чтобы у вас и картинки были такого же (или пропорционального, иначе у вас при увеличении или уменьшении, а это делает сам тег <img /> в зависимости от указанных в нем размерах-увеличивает или уменьшает, то есть вписывает в себя, картинки произойдет ее деформация продольная или вертикальная) размера или, как я уже говорил - пропорционального. Во всех случаях всегда готовятся картинки (их размеры) под дизайн, а не наоборот.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0425 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.