градиент фона

S
На сайте с 05.01.2010
Offline
80
840

Фон шапки - градиент, всегда думал что берется 1px полоса и дублируется до конца элемента. Но в этом случае эти полосы заметны (в дублировании вертикально)

Как в фотошопе ормально сохранить эту 1px полосу что бы получился единый фон?

Плюсоните если помог...
gormarket
На сайте с 29.12.2010
Offline
47
#1

сделайте ширину не один пиксел, а несколько пикселей, будет лучше

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
S
На сайте с 05.01.2010
Offline
80
#2

если ширина поля скажем 50 а картинка 30 она при баграунде поле не раздвинит и до конца зальет?

---------- Добавлено 27.07.2012 в 17:00 ----------

на соседнем форуме говорят что повторять однопиксельную картинку и вставить единую одно и то же. Это так?

gormarket
На сайте с 29.12.2010
Offline
47
#3

фоновый рисунок абсолютно не влияет на размеры объектов

S
На сайте с 05.01.2010
Offline
80
#4

а по нагрузке есть разница одной картинкой или дублировать?

kdv12
На сайте с 05.12.2011
Offline
52
#5
Soxay:
а по нагрузке есть разница одной картинкой или дублировать?

Одно и то же. А вообще серверу пофиг, ибо этим занимается браузер пользователя.

Разработка сайтов любой сложности на 1С-Битрикс. Бесплатные консультации.
S
На сайте с 05.01.2010
Offline
80
#6

дык у пользователя больше нагрузки даст 1 целая картинка или дублирующая?

Garin33
На сайте с 31.08.2009
Offline
169
#7
Soxay:
дык у пользователя больше нагрузки даст 1 целая картинка или дублирующая?

О чем вы говорите вообще? Какая нагрузка? Хоть 1 пиксель, хоть 10.5 пикселей - браузеру все равно. Мы живем не во времена диалапа - не нужно каждый байт считать уже!

Не делайте страницы, весом в несколько мегабайт, и все будет нормально.

Потому что Drupal - это круто.
IL
На сайте с 20.04.2007
Offline
435
#8

Soxay, Вы вообще о чём?

Фон шапки - градиент, всегда думал что берется 1px полоса и дублируется до конца элемента. Но в этом случае эти полосы заметны (в дублировании вертикально)

Если я правильно понял, то лучше разобрать на примере (чтоб не ходить далеко - см шапку форума). Посмотрим, как сделано меню (Главная, пресс-релизы итд)

http://img.forumimg.net/design/menu.png - 1x33.

Можно пояснить, что именно "заметно при дублировании"?

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

p.p.s. нашёл статью про градиенты - см. абзац "Старое решение — градиент на CSS + картинка"

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

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