Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
microooji
0 / 0 / 0
Регистрация: 24.04.2013
Сообщений: 33
1

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

03.01.2014, 21:46. Просмотров 2356. Ответов 11
Метки нет (Все метки)

Есть код:

CSS
1
2
3
4
5
html {
 
}
    background: url('backgrou.png');
}
Есть картинка full hd (1920x1080), но она на разных экранах выглядит по разному, как сделать, чтобы она была на всех экранах одинакого?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
03.01.2014, 21:46
Ответы с готовыми решениями:

Адаптация фона под разрешение монитора.
Доброго времени суток. Извините может за глупый вопрос, но тут такая проблемка:...

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

Как подогнать картинку для фона под все разрешения. Пояснение в описании
Нужен совет. У меня есть картинка с разрешением 2560x1920. Я её хочу поставить...

Адаптация под планшеты
Здравствуйте, сайт http://elzarimariam.kz , в сервисах проверки адаптации...

Отцентрировать под разные экраны
Добрый вечер! Как сделать чтобы страничка отображалась хорошо на разных...

11
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
03.01.2014, 23:08 2
ответ: адаптивная верстка
тут уроки по основам
1
microooji
0 / 0 / 0
Регистрация: 24.04.2013
Сообщений: 33
03.01.2014, 23:24  [ТС] 3
Цитата Сообщение от 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;
}
Блин..не знаю как прикрепить изображение
0
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
03.01.2014, 23:25 4
ссылки не работают
0
microooji
0 / 0 / 0
Регистрация: 24.04.2013
Сообщений: 33
03.01.2014, 23:30  [ТС] 5
Цитата Сообщение от fol Посмотреть сообщение
ссылки не работают
Вот такая у меня кнопка: Название: h_1388777405_6772312_97fbdb5097.png
Просмотров: 274

Размер: 19.2 Кб

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

Размер: 22.8 Кб

 Комментарий модератора 
Прикрепляйте файлы и изображения к сообщениям.
http://www.cyberforum.ru/about-forum/thread103521.html
0
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
03.01.2014, 23:38 6
при каких действиях она превращается? если при наведении, то надо менять стили для :hover
0
microooji
0 / 0 / 0
Регистрация: 24.04.2013
Сообщений: 33
03.01.2014, 23:43  [ТС] 7
Не при каких, она такая и при наведении, и когда не навожу на нее.
0
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
04.01.2014, 00:45 8
а на сам сайт можно взглянуть?
0
microooji
0 / 0 / 0
Регистрация: 24.04.2013
Сообщений: 33
04.01.2014, 01:33  [ТС] 9
Цитата Сообщение от fol Посмотреть сообщение
а на сам сайт можно взглянуть?
В личку скинул.
0
fol
500 / 478 / 156
Регистрация: 08.07.2013
Сообщений: 1,701
Записей в блоге: 1
04.01.2014, 02:30 10
посмотрел. так что не устраивает конкретно и чего хочется добиться? нужно больше конкретики.
там просто span-y, который оборачивает кнопку, задан бэкграунд: голубая кнопка
0
koza4ok
628 / 437 / 67
Регистрация: 19.09.2012
Сообщений: 1,633
04.01.2014, 13:01 11
http://www.xiper.net/collect/html-an...er-button.html
0
microooji
0 / 0 / 0
Регистрация: 24.04.2013
Сообщений: 33
04.01.2014, 14:22  [ТС] 12
Решил проблему, проблема была в том, что синяя полоса была слишком большая , даже с no-repeat. Пересоздал кнопку в CSS, все хорошо работает. Спасибо!
0
04.01.2014, 14:22
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
04.01.2014, 14:22

Адаптация под браузер смартфона
Добрый день. Разрабатываю программку в блокноте при помощи html и js. Сохраняю...

Адаптация верстки под retina
Доброго времени суток уважаемые форумчане. Столкнулся с таким вопросом....

Адаптация под разные разрешения
Доброго времени суток уважаемые форумчане. Вот такой вот гвоздь программы...


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

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru