Форум Сайтостроение Веб-строительство

Как сделать горизонтальную полосу с градиентом слева и справа на 100% экрана

[Удален]
1225

Приветствую. Есть рисунок 990px на 1px

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

Как сделать так, чтобы в зависимости от ширины браузера или разрешения монитора картинка тоже расширялась и оставалась полупрозрачность на краях черты (слева и справа). Подскажите как это можно реализовать лучше всего. Спасибо.

M1
На сайте с 09.12.2010
Offline
4
makarela12
#1

Сделай не один рисунок, а три и помести их в таблицу 1*3: слева и справа рисунки с полупрозрачным градиентом, только смотри, чтобы цвет на крае становился 100%, а по середине ячейка с заливкой 100% цвета, которая и будет растягиваться.

верстальщики в дивах, подскажите Как без палева поставить Верстка на div...Просьба помочь
[Удален]
#2

Так и сделал, но по непонятным мне причинам высоту таблици сжать до 1 пикселя не получается и на границах ячеек между (1 и 2) и (2 и3) ячейками пустое пространство. При чем толщина границы таблицы=0

mff
На сайте с 21.02.2008
Offline
282
mff
#3

karaul777, font-size:0px; пропишите ячейкам.

Управление репутацией в сети: https://timbook2.ru/
[Удален]
#4

добавил свойство ; background-repeat:no-repeat и все встало на свои место. Только пробелы между ячейками таблицы никак не убрать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий