Изображение по ширине ячейки

[Red]

Привет !

Хочу сделать тянущуюся градиентную рамку в таблице. Думаю использовать простое градиентное изображение в jpg, которое должно растягиваться

по ширине ячейки. Общая картина такая:

_________________________________

|Угол|Градиентное изображение|Угол|

——————————————————-

|——|—————————————-|——|

|——|—————-Картинка———--|——|

|——|—————————————-|——|

|——|—————————————-|——|

——————————————————-

Если вставить другую Картинку, то градиентное изображение должно растянуться соответствующе автоматически.

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

Edited August 20, 2008 by Red

[Иван Шумов]

background

background-repeat

вот такие простые свойства в CSS имеются

[Red]

Да, но ведь так градиентное изображение не сжимается, в зависимости от ширины ячейки. А оно просто заслоняется справа, изображение

остается таким же большим по ширине. А мне нужно чтобы центральная ячейка сама задавала width изображению-градиенту.

[rus]

Да, но ведь так градиентное изображение не сжимается, в зависимости от ширины ячейки. А оно просто заслоняется справа, изображение

остается таким же большим по ширине. А мне нужно чтобы центральная ячейка сама задавала width изображению-градиенту.

думаю здесь без java не обойтись.

[ZoNT]

Да, но ведь так градиентное изображение не сжимается, в зависимости от ширины ячейки. А оно просто заслоняется справа, изображение

остается таким же большим по ширине. А мне нужно чтобы центральная ячейка сама задавала width изображению-градиенту.

Ёпт, а зачём тебе его "растягивать"??? Делаешь его шириной в 1px и размножаешь background-repeat (вернее его размножит браузер автоматически)

[Иван Шумов]

ZoNT, пожалуйста, посдержаннее

[Red]

а зачём тебе его "растягивать"??? Делаешь его шириной в 1px и размножаешь background-repeat (вернее его размножит браузер автоматически)

Это растягиваемый градиент!

Вот такая картинка:

|Красный|Градиентный переход от красного к белому|Белый|Градиентный переход от белого к красному|Красный|

Высота 5 пикселей. ЭТА КАРТИНКА динамически сжимается по стандартному алгоритму стяжки/растяжки в зависимости от ширины нижней ячейки под этой ячейкой. Белый всегда по центру ячейки.

[ZoNT]

помести эту картинку тэгом <img> в ячейку и задай ей 100% ширины...

[Red]

Нет не работает так. Все простые способы я опробовал.

Может кто уже делал такое?

[ZoNT]

почему так не работает? Я тестовый пример сделал - работает... Кинь ссылку на нерабочий пример...

[Red]

Вообще, такой способ только растягивает этот градиент в зависимости от ширины нижней картинки. В принципе - хорошо. Но это решение накладывает ограничение - градиент должен быть сразу таким маленьким, каким он может вообще быть, больше он не сожмется. В FF - смазываются кубики при растяжении рамки, а в IE7 они видны. Поэтому надо, чтобы рамка была сразу большой ширины и могла и сжиматься и растягиваться. И хотелось бы без JS)

Edited August 20, 2008 by Red

[ZoNT]

От браузера нельзя добиться всего-всего...

[Azadi]

А картинку градиента можно? Для наглядности. Поиграться.

[klierik]

в ячейку вснуть div {position:relative;}

в div всунуть img {position: absolute; left:0; top: 0; right: 0; bottom: 0; width: 100%;}

[Red]

А картинку градиента можно? Для наглядности. Поиграться.

Вот, ниже

Edited August 20, 2008 by Red

[Red]

klierik, работает почти как надо. Только еще поправку сделал одну вообще идеально стало

Спасибо всем!

Edited August 20, 2008 by Red

[klierik]

2Red, всегда полжалуйста