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

HTML

<table width="100%" border="0"> <tr> <td width="4%" height="48">&nbsp;</td> <th width="900" background="plashki/plashka3.JPG" ><div align="center"></div></th> <td width="4%">&nbsp;</td> </tr> </table>

Цитата

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

Используй CSS: repeat и attachment

Aliance в том то вся и проблема, она не будет растягиватся, а только копироватся. Кстати это уже вопросы по вёрстке, лучше в соответствующем разделе и спросить.

Спросим и там
кстати ошибку исправил по "тупому" -
использовал встроенную функцию дримвьюера
хотя хотел ручками:(

Цитата(Sardar @ 8.2.2005, 16:19)

Aliance в том то вся и проблема, она не будет растягиватся, а только копироватся. Кстати это уже вопросы по вёрстке, лучше в соответствующем разделе и спросить.

Я тут уже битый день бьюсь, чтобы растянуть свою фонову картинку этим репитом, а фон только размножается. Вот я и подумала, а репиат вообще доя этих целей подходит?????? В картинке нет повторяющихся элементов!
Думаю, что нет. Есть ли способы растянуть фон, не меняя размеры фона?

Фоновая картинка не растягивается... вот примерное так будет правильно. Текст просто пускать вторым слоем, сверху НОРМАЛЬНОЙ (не фоновой) картинки.

Код

<table style="width: 100%; table-layout: fixed;">     <tr>         <td style="height: 100px">             <img src="659715.jpg" style="width: 100%; height: 100%" /><br />             <div style="position: relative; left: 0px; top: -100px; z-index: 2; color: red;">1123123123123</div>         </td>     </tr> </table>

Часто приходится давать ссылку на этот пост, исправляю код, добавляю сюда table-layout: fixed. Комментарии см. ниже. (25.05.2005)



Это сообщение отредактировал(а) dm9 - 25.5.2005, 02:16

Звиняюсь, не понял вопроса. Канечно, эти св-ва служат не для растягивания, а для проецирования. А растянуться картинку в бекграунде, как уже сказал dm9 - нельзя.

В моём коде ИЕ глючит через раз. При рефреше он воспринимает 100% картинки не как растягивание по ячейке, а как 100% от размера картинки

F5 - ожидаемое поведение, F5 - глючное, F5 - опять ожидаемое...
Даже если очень постараться, написать так будет непросто ))))))))

Это только для больших картинок, они раздвигают ячейку.

Исследовав проблему, нашёл решение.
Вместо

Код

<table style="width: 100%;">

надо написать

Код

<table style="width: 100%; table-layout: fixed;">

Кто знает, что это такое, и расскажет тут - с меня пирожок, я рассказывать не хочу

Это сообщение отредактировал(а) dm9 - 12.5.2005, 00:16

Мануал
Это свойство управляет алгоритмами , используемым для размещения строк, ячеек и столбцов.
fixed
Используется алгоритм фиксированного положения таблицы
auto
Используется любой алгоритм автоматического размещения таблицы

Рассказывать алгоритм вычисленияширины столбцов?

Это сообщение отредактировал(а) Aliance - 12.5.2005, 00:21

Блин, лениво описывать

Цитата(Aliance @ 12.5.2005, 01:19)

Рассказывать алгоритм вычисленияширины столбцов?

Ни за что
Пирожка не получилось

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

Примеры применения.

1. (Наш пример) Есть глюк (в ИЕ), высчитывание размера таблицы на основе внутренней картинки. Так пропишем ему этот fixed, и таблица насильственно будет подгоняться под размеры окна, а потом уже браузер будет разбираться с картинкой.

2. Рамка раскрывания кода на Винграде (если длинный код).

Код

Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код ДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрокаДлиннаяСтрока Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код Длинный код

Тут применение такое. Если в коде есть длинная строка, то после раскрытия кода ширина внутренних элементов для дива с рамкой становится большой, и некоторые браузеры обратно код уже не сворачивают, так как рассчитывают размер этого дива по принципу "100%", где 100% - это ширина РАСТЯНУТОГО окна! А нам нужна ширина свёрнутого. Чтобы всё каждый раз пересчитывалось, вписываем table-layout: fixed. Можете посмотреть на код этой странички, там такой стиль и правда есть
Добавлено @ 00:36
ПС. Раскрытие кода - это нажание на кнопочку в верхнем левом углу кода. Если что. А то не поймёт кто


Это сообщение отредактировал(а) dm9 - 12.5.2005, 00:34

Еще не теряя надежды сделать станицу динамической (в процентах), я задала размер ячейки 100%, вставила в нее картинку (размер 800 на 600) и задала картинке размер 100%, чтобы она вместе с ячейкой тянулась. А картинка взяла и вообще пропала
Вот код (так видна картинка):

Код

<table border="0" width="100%" cellspacing="0" cellpadding="0">   <tr>     <td width="1%" background="../Templates/Doma_gory/pozadina.gif"><img border="0" src="../Templates/Doma_gory/pozadina.gif" width="10" height="10"></td>     <td>       <table border="0" cellspacing="0" cellpadding="0">         <tr>           <td width="100%" style="width: 100%; table-layout: fixed; valign="top"bgcolor="#7C93B3">           <img src="../Graphic/Top_1_drugie_raboty.jpg" width="800" height="71"></td>         </tr>       </table>          <table...

А так нет:

Код

<table border="0" width="100%" cellspacing="0" cellpadding="0">   <tr>     <td width="1%" background="../Templates/Doma_gory/pozadina.gif"><img border="0" src="../Templates/Doma_gory/pozadina.gif" width="10" height="10"></td>     <td>       <table border="0" cellspacing="0" cellpadding="0">         <tr>           <td width="100%" style="width: 100%; table-layout: fixed; valign="top"bgcolor="#7C93B3">           <img src="../Graphic/Top_1_drugie_raboty.jpg" width="100%" height="71"></td>         </tr>       </table>          <table...

Картинка не может что ли тянуться за размерами ячейки?
ЗЫ Я вообще размеры страницы свела к 800 на 700

Номер раз.

Цитата(Urod @ 12.5.2005, 22:23)

valign="top"bgcolor="#7C93B3">

Тут очепятка.

Если не катит, давай сюда всю страничку. Иначе не умею.

Вот ссылка: http://www.webfile.ru/300184
У меня там еще ошибки есть (правая колонка длиннее нужного раза в два + в

Код

<div style="position: relative; top: -920px; z-index: 2;">

-920px; приводит к тому, что при большем разрешении экрана содержимое дива "плывет", т.е. отсчитывается от верха, который меняет свои параметры + меню куда-то влева сползает ).
Спасибо за помощь!
ЗЫ Такой метод работы с картинками, описанный тобой, в принципе покатит при изменении разрешения экрана? По-моему, да У меня прям снова надежда появилась ссделать сайт грамотно...

Это сообщение отредактировал(а) Urod - 12.5.2005, 22:46

Не, картинка не исчезает, а сдвигается вправо и сужается вся

Screen в студию