Интернет-форум о жизни: теплая атмосфера - Как сделать градиентную заливку ячейки <table>

- Web-дизайн (http://money-forum.info/forumdisplay.php?f=78)

Хочется сделать градиентную заливку ячейки таблицы.

Причем желательно чтобы кроссбраузерно было.

Кто нить может сказать как сделать? :)

сделай картинку с градиентом и поставь её фоном)

Вариант неплохой в принципе, но в таком случае при выключенных картинках пользователь нифига не увидит :(

Цитата:

Сообщение от KRALAN (Сообщение 15100)

Вариант неплохой в принципе, но в таком случае при выключенных картинках пользователь нифига не увидит :(

Легкого способа выполнять такие штуки без использования картинок нет.
Можно конечно сделать кучу слоев на заднем плане, толщиной 1 пиксель, первому слою назначить фон начального цвета и каждому следующему сделать фон чуть отличающийся от предидущего и стремящийся к конечному. Но это геморойно и долго.
Еще можно попробовать так(правда не во всех браузерах работает):

Код HTML:

<table>

<tr>

<td bgcolor=#111111 style=”filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,

StartColorStr=#E0E0E0,EndColorStr=#ffffff)”>

                        <!–Тут типа контент–>

                        </td>

            </tr>

</table>

Вообще, если юзер выключил картинки, значит он готов смириться с некрасивым видом страницы ради экономии трафика. И ничего страшного не случиться, если он не увидет градиент.

Приведенный код уже находил - проверил еще раз - ни в опере ни в ИЕ не работает. просто черный фон.

Наверно сделаю картинкой.

Цитата:

Верно! :) Чего я парюсь! :)

еще вопрос в догонку..

сделал на фон полосу шириной в 1 пиксель, но при разной длине страницы - фон либо не до конца, либо начинается повтор фоновой картинки, что не есть гуд.

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

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