Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> условие фона, если разрешение экрана меньше 1280 
:(
    Опции темы
Johny_03
Дата 22.1.2013, 11:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Добрый день!
Имеется градиентный фон шириной 1280px
Сайт делаю шириной 1000px, остальное резиновое.
Возможно ли разделить градиентный фон (1280px) на три части (140px, 1000px, 140px), но чтобы при этом две боковые части (по 140px) появлялись только, если разрешение экрана пользователя меньше 1280px?
Хочу избежать появление горизонтальной полосы прокрутки на маленьком разрешении. А градиентный фон изменить тоже не желательно, иначе теряется задумка дизайна сайта.
Или может существует другой способ решения?

Код

<table width="100%">
 <tr>
  <td width="140px">здесь фон 140px  </td>
  <td width="1000px"> Здесь фон 1000px  </td>
 <td> width="140px">Здесь фон 140px  </td>
 </tr>
</table>


Заранее спасибо!
PM MAIL   Вверх
Gold Dragon
Дата 22.1.2013, 12:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



покажи картинку дизайна


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Johny_03
Дата 22.1.2013, 13:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



вот картинка
user posted image
горизонтальный серый фон в очень плавном и длинном градиенте

Это сообщение отредактировал(а) Johny_03 - 22.1.2013, 13:15
PM MAIL   Вверх
Gold Dragon
Дата 22.1.2013, 13:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



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

и я что-то не понял зачем тебе поля по 140px в таблице...
Тут достаточно простая вёрстка


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Johny_03
Дата 22.1.2013, 14:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



хорошо, попробую уменьшить градиент
PM MAIL   Вверх
Gold Dragon
Дата 22.1.2013, 17:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



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

Добавлено через 15 секунд
зачем тебе поле то 140px?


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
Johny_03
Дата 22.1.2013, 22:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Цитата(Gold Dragon @ 22.1.2013,  17:41)
да не надо ничего уменьшать.. делай его по центу.. уменьшается экран - градиент по центру, увеличивается - там где не хватает добавь фоновый цвет (цвет крайний градиента)

Добавлено @ 17:42
зачем тебе поле то 140px?

То я для примера взял ширину 1280 (общая)-1000(рабочая ширина)=280(остаток)/2=140
PM MAIL   Вверх
Gold Dragon
Дата 22.1.2013, 22:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71



так просто сделай отступ (padding) и не парься


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0426 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.