Адаптация фона под все экраны

@microooji · Регистрация: 24.04.2013

Студворк — интернет-сервис помощи студентам

Есть код:

CSS
1
2
3
4
5
html {
 
}
    background: url('backgrou.png');
}

Есть картинка full hd (1920x1080), но она на разных экранах выглядит по разному, как сделать, чтобы она была на всех экранах одинакого?

@fol · 03.01.2014, 23:08

ответ: адаптивная верстка
тут уроки по основам

@microooji · 03.01.2014, 23:24 **[ТС]**

Сообщение от fol

ответ: адаптивная верстка
тут уроки по основам

Спасибо, решил проблемму.

Хочу задать еще вопрос, вот у меня есть кнопка:

но она почему то становится кривой..

Вот CSS кнопки:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
span.readmore_g {
    margin-left: auto;
    display: block;
    background: url('button_g.png') 0 0 no-repeat;
    height:29px;
    padding-left:14px;
    margin-top: 25px;
    float: right;
}
span.readmore_g a{
    padding-top: 2px;
    font-weight: bolder;
    text-shadow: -1px -1px 1px #000;
    display: block;
    background: url('button_h.png') no-repeat top right;
    text-align: center;
    font-size: 0.920em;
    height: 29px;
    color: #fff;
    text-decoration: none;
    padding-right: 14px;
}

Блин..не знаю как прикрепить изображение

@fol · 03.01.2014, 23:25

ссылки не работают

@microooji · 03.01.2014, 23:30 **[ТС]**

Сообщение от fol

ссылки не работают

Вот такая у меня кнопка: Название: h_1388777405_6772312_97fbdb5097.png
Просмотров: 274

Размер: 19.2 Кб

Но она превращается в такую: Название: h_1388777348_2549936_0da5ed4af2.png
Просмотров: 276

Размер: 22.8 Кб

Комментарий модератора

Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... 03521.html

@fol · 03.01.2014, 23:38

при каких действиях она превращается? если при наведении, то надо менять стили для :hover

@microooji · 03.01.2014, 23:43 **[ТС]**

Не при каких, она такая и при наведении, и когда не навожу на нее.

@fol · 04.01.2014, 00:45

а на сам сайт можно взглянуть?

@microooji · 04.01.2014, 01:33 **[ТС]**

Сообщение от fol

а на сам сайт можно взглянуть?

В личку скинул.

@fol · 04.01.2014, 02:30

посмотрел. так что не устраивает конкретно и чего хочется добиться? нужно больше конкретики.
там просто span-y, который оборачивает кнопку, задан бэкграунд: голубая кнопка

@koza4ok · 04.01.2014, 13:01

http://www.xiper.net/collect/h... utton.html

@microooji · 04.01.2014, 14:22 **[ТС]**

Решил проблему, проблема была в том, что синяя полоса была слишком большая , даже с no-repeat. Пересоздал кнопку в CSS, все хорошо работает. Спасибо!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	03.01.2014, 23:08
	ответ: адаптивная верстка тут уроки по основам 1

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	03.01.2014, 23:25
	ссылки не работают 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	03.01.2014, 23:38
	при каких действиях она превращается? если при наведении, то надо менять стили для :hover 0

@microooji 0 / 0 / 0 Регистрация: 24.04.2013 Сообщений: 33
	03.01.2014, 23:43 [ТС]
	Не при каких, она такая и при наведении, и когда не навожу на нее. 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	04.01.2014, 00:45
	а на сам сайт можно взглянуть? 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	04.01.2014, 02:30
	посмотрел. так что не устраивает конкретно и чего хочется добиться? нужно больше конкретики. там просто span-y, который оборачивает кнопку, задан бэкграунд: голубая кнопка 0

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	04.01.2014, 13:01
	http://www.xiper.net/collect/h... utton.html 0

@microooji 0 / 0 / 0 Регистрация: 24.04.2013 Сообщений: 33
	04.01.2014, 14:22 [ТС]
	Решил проблему, проблема была в том, что синяя полоса была слишком большая , даже с no-repeat. Пересоздал кнопку в CSS, все хорошо работает. Спасибо! 0