Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 10.11.2014
Сообщений: 6

Отображение фона одинаково на разных размерах экрана

10.11.2014, 16:51. Показов 1447. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Уважаемые гуру...

Во вложении картинка с фоном, который хотят на задний план... и сайт должен нормально отображаться вплоть до 1920 px ширины окна... может быть кто-то хоть подскажет мне как это искать в гугле? =( или какой-то готовый способ (идею хотяб) как это собрать из мелких картинок скриптом... у меня даже идей нет кроме совсем неадекватных (вроде таблицы на задний план, у которой будут стили для каждой ячейки) ну или фон 1920*1920 =(
Миниатюры
Отображение фона одинаково на разных размерах экрана  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
10.11.2014, 16:51
Ответы с готовыми решениями:

Изменение размера контролов при разных размерах экрана
Программисты, день добрый! Возник вопрос, да и появилась такая проблема уже давно. Как, при запуске приложения на разных ПК, размеры...

Как заставить 2 текстбокса изменяться в размерах одинаково
2 текстбокса вертикально делят форму пополам. Как так сделать, чтобы при изменении размеров экрана текстбоксы тоже увеличивались или...

Как сделать, чтобы страничка отображалась одинаково при любых размерах окна?
Тут такая проблема. делаю страничку состоящую из 3х фреймов. в фреймах отображаются картинки. Не могу решить одну проблему, как...

7
 Аватар для dasweird
2 / 2 / 3
Регистрация: 29.09.2014
Сообщений: 88
10.11.2014, 19:26
CSS
1
background-image:url(../images/ваша картинка);
по идее он сам растянется и все. И на всех будет отображаться как надо.
0
0 / 0 / 0
Регистрация: 10.11.2014
Сообщений: 6
11.11.2014, 07:17  [ТС]
Да не будет как надо ведь, если не вставить фон в 2мб размером. Для его корректного отображения нужно, чтоб он имел вид матрицы:

1234567890
0123456789
9012345678
8901234567
7890123456
6789012345
5678901234
4567890123
3456789012
2345678901

где каждое число это логотип, вот только их не 10 ни разу, а штук 25, что дает нам огромную картинку для фона, которая для того чтобы нормально отображалась должна быть еще и с хорошим разрешением.

Я знаю как делать фон, я не знаю как в данном конкретном случае избавиться от ОГРОМНОЙ картинки для фона, вставив в замен этой матрицы к примеру линию из логотипов, но тут не подойдет просто бэкграунд-репит - он не будет каждый раз сдвигать картинку.

На данный момент лучшая моя мысль - запихнуть основной контент в N оберток из div и установить для этих оберток фон:
картинка - вертикальная линия из этих логотипов
для каждого конкретного дива свой сдвиг положения фона
бг-репит - только Y.

Возможно, чтобы дивов не было уж слишком много стоит сделать несколько вариантов этого фона, где будет 1-2-3-4 столбцов из логотипов и применять его в зависимости от медиазапросов ширины окна.
0
2 / 2 / 1
Регистрация: 12.06.2014
Сообщений: 25
13.11.2014, 13:17
А что если нарезать каждый логотип в отдельный файл, а потом в блок их напихать, установить каждому изображению ширину, допустим 10%, и сделать float:left. По идеи должно получится.
0
2 / 2 / 1
Регистрация: 12.06.2014
Сообщений: 25
13.11.2014, 13:30
На подобии такого. Только надо поиграться с размерами самих изображений.
Вложения
Тип файла: rar 1.rar (16.1 Кб, 3 просмотров)
0
0 / 0 / 0
Регистрация: 10.11.2014
Сообщений: 6
13.11.2014, 14:48  [ТС]
Это не совсем фон... предлагаете на задний план вставлять с позицией абсолют? и фиксированной высотой? =\
0
2 / 2 / 1
Регистрация: 12.06.2014
Сообщений: 25
13.11.2014, 15:49
Тогда вопрос таков: если в ряду должно быть определенное количество лого (допустим 10) или "сколько влезло"?
Теперь смотрим, "сколько влезло":
1234567890123456
7890123456789012
3456789012345678
таким образом, или:
1234567890123456
0123456789012345
9012345678901234
как именно надо чтобы заполнялся фон?
0
0 / 0 / 0
Регистрация: 10.11.2014
Сообщений: 6
13.11.2014, 16:18  [ТС]
1234567890123456
0123456789012345
9012345678901234

в том то и беда.

как я уже говорил, основная пока идея сделать так:

див1
->див2
->->див3
->->->див4
->->->->контент
->->->/див4
->->/див3
->/див2
див1

все дивы не имеют заданных размеров. для каждого из них фон из вертикальной линии логотипов + смещение + репит только Y
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.11.2014, 16:18
Помогаю со студенческими работами здесь

Отображение сайта при разных разрешениях экрана
http://anichan.moy.su/ Если смотреть с других экранов (разрешение) То сайт становиться кривоватым, а именно все кроме верхнего...

Условие выполнения при разных размерах
Как сделать условие по поводу размера файла и расширения? Например начали сканировать папку, первый файл взяли его имя, путь,...

Необходимо определить положение (в размерах экрана) любого указанного элемента
Всем привет. Столкнулся с проблемой: необходимо определить положение (в размерах экрана) любого указанного элемента. Есть ли...

Ошибка выполнения медиа запросов - таблицы разваливаются на некоторых размерах экрана
Доброго времени суток, господа! Сижу вот уже до 3 часа ночи и не могу понять элементарного, просто хватаюсь за голову и не понимаю... В...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Оттенки серого
Argus19 18.03.2026
Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru