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

Не получается поменять фон на сайте

09.11.2016, 22:22. Показов 967. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Не получается поменять фон на сайте.....
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body{overflow-x:hidden;background: #00BAFF;}
.lb{
    top: 0px;
    left: 0px;
    width: 550px;
    position: fixed;
    display: block;
    overflow: hidden;
      height: 890px;
}
 .body{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0 !important;
    right: 0;
    width: 1015px;
    /* width: 1920px; */ 
    overflow-x: hidden;
 }
HTML5
1
2
<div class="wall">
 <div class="body">
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.11.2016, 22:22
Ответы с готовыми решениями:

Мне нужно поменять фон сайта, т.е вставить картинку, в каком месте css можно его поменять.И каким образом?
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; ...

Поменять фон на сайте DLE у самого не получается
Прошу помощи, нужно поменять фон на сайте. Помогите пожалуйста! Скриншот прикрепляю.

Фон на сайте
Всем привет! Подскажите пожалуйста, как сделать фон на сайте, чтобы цвет фона был один и картинка фона была по середине? Пытался что-то...

10
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
09.11.2016, 22:34
uxbmw3w, ну и у какого блока не получается изменить фон?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    body{overflow-x:hidden;background: #00BAFF;}
.lb{
    top: 0px;
    left: 0px;
    width: 550px;
    position: fixed;
    display: block;
    overflow: hidden;
      height: 890px;
}
 .body{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0 !important;
    right: 0;
    width: 1015px;
    /* width: 1920px; */ 
    overflow-x: hidden;
 }
    </style>
</head>
<body>
    <div class="wall">
        <div class="body"></div>
    </div>
</body>
</html>
0
2 / 2 / 0
Регистрация: 31.10.2016
Сообщений: 48
09.11.2016, 22:55  [ТС]
оба, я хочу чтоб был только один фон

Добавлено через 8 минут
Fedor92,
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
09.11.2016, 23:56
Цитата Сообщение от uxbmw3w Посмотреть сообщение
Fedor92,
Я не понимаю чего Вы хотите достичь, нарисуйте что ли... И не надо делать грустных лиц...
0
2 / 2 / 0
Регистрация: 31.10.2016
Сообщений: 48
10.11.2016, 00:25  [ТС]
хочу поменять "background" и не получается
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
10.11.2016, 00:46
uxbmw3w, Перестаньте говорить загадками и объясните так, чтобы все поняли задачу, можно даже с много буков.
0
2 / 2 / 0
Регистрация: 31.10.2016
Сообщений: 48
10.11.2016, 08:36  [ТС]
mrtoxas,

что такое "background" все знают, вот мои css полностью

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
 body {
   overflow-x: hidden;
   background: #00BAFF;
 }
 
 .lb {
   top: 0px;
   left: 0px;
   width: 550px;
   position: fixed;
   display: block;
   overflow: hidden;
   height: 890px;
 }
 
 .body {
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   left: 0 !important;
   right: 0;
   width: 1015px;
   /* width: 1920px; */
   overflow-x: hidden;
 }
 
 .categories {
   overflow: hidden;
   margin-left: 3px;
 }
 
 .categories >a {
   text-decoration: none;
   width: 180px;
   height: 120px;
   overflow: hidden;
   display: inline-block;
   float: left;
   margin: 11px 11px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   position: relative;
 }
 
 .categories >a>img {
   position: absolute;
   z-index: 2;
   width: 180px;
   height: 120px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
 }
 
 #tit {
   z-index: 4;
   font-family: nm;
   font-size: 18px;
   color: #fff;
   font-weight: bold;
   top: 45px;
   border-radius: 5px;
   border: 1px solid transparent;
   margin: 0px 10px;
   padding: 9px 9px 5px 9px;
   position: relative;
   display: flex;
   justify-content: center;
 }
 
 #light {
   width: 180px;
   overflow: hidden;
   height: 120px;
   position: absolute;
   z-index: 3;
   top: 0px;
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   background: rgba(0, 0, 0, 0.3);
   border-radius: 5px;
   -webkit-border-radius: 5px;
 }
 
 .categories >a:hover #tit {
   border-radius: 5px;
   border: 1px solid #00b9ff;
   margin: 0px 10px;
   padding: 9px 9px 5px 9px;
   color: #00b9ff;
   position: relative;
   display: flex;
   justify-content: center;
 }
 
 .categories >a:hover #light {
   background: rgba(0, 0, 0, 0.6);
   -o-transition: .5s;
   -ms-transition: .5s;
   -moz-transition: .5s;
   -webkit-transition: .5s;
 }
 
 .hFooter {
   clear: both;
   height: 40px;
 }
дальше, прописываю в .css

CSS
1
2
3
body {
 background-color: #000;
}
/* черный фон заголовка, белый цвет шрифта */
CSS
1
2
3
4
h1 {
 color: #fff; 
 background-color: #000;
}
не меняется фон) так тоже пробовал
CSS
1
2
3
4
body {
 background-color: #000;
 background-image: url ("my-image.jpg");
}
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
10.11.2016, 10:33
Цитата Сообщение от uxbmw3w Посмотреть сообщение
что такое "background" все знают, вот мои css полностью
Что такое background знают - то все... Не все знают фон в каком блоке у Вас не меняется... Для body стиль будет выглядеть так:
CSS
1
2
3
4
5
html, body {
     width:100%;
     height:100%;
     background: url("my-image.jpg") no-repeat #000;
}
Если не вставляется картинка, необходимо посмотреть правильно ли указываете путь к ней...
0
2 / 2 / 0
Регистрация: 31.10.2016
Сообщений: 48
10.11.2016, 15:09  [ТС]
Fedor92, не помогло...

 Комментарий модератора 
Код копируем на форум, а не в виде картинок
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
10.11.2016, 15:15
Цитата Сообщение от uxbmw3w Посмотреть сообщение
ну помогло....
Ну тогда не знаю, чем Вам ещё помочь...
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
10.11.2016, 16:31
uxbmw3w, вы заметили, что в примере, который привел Fedor92, отсутствует пробел между url и скобкой, а вашем примере он есть. С пробелом работать не будет.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.11.2016, 16:31
Помогаю со студенческими работами здесь

Слетает фон на сайте
Я, конечно, многое видел, но удивление, походу, будет до конца жизни. Слетел фон на сайте, были прописаны свойства: body { font:...

Сдвигается фон на сайте
Люди добрые, у меня на сайте сдвигается фон, если смотреть сайт через телефон, планшет. В чём причина? Уже 100раз разметку перелапатил и не...

Не корректно отображается фон на сайте
Задал стиль для body &lt;body style=&quot;background:url(images/main.jpg)&quot;&gt; И вот так отображается фон Помогите пожалуйста решить этот...

Как сделать фон на сайте?
Хоху что-бы на сайте можно было менять фон и что-бы после перезагрузки страницы он сохранялся Перепробовал и на php и на javascript но не...

Как сделать фон на сайте?
Хоху что-бы на сайте можно было менять фон и что-бы после перезагрузки страницы он сохранялся Перепробовал и на php и на javascript но не...


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

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
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
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru