Куда правильно вставить код для заднего фона в моём случае

@Квас · Регистрация: 07.07.2014

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

Народ, у меня задача разместить картинку за этим салатовым квадратом: http://halvamaster.xhc.ru/#list1.html

Есть код:

HTML5
1
2
3
4
5
6
7
8
9
<style>
body{
background: url(путь к фону, и его формат) no-repeat;
-moz-background-size: 100%; 
-webkit-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
} 
</style>

Подскажите между какими строчками в коде моей страницы нужно разместить вышенаписанное, чтобы всё получилось?

На всякий случай дублирую его со страницы:

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
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
    <title>WAXWAX</title>
    <meta name="" content="">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="styles_center.css" type="text/css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    
    <link rel="Next" href="list1.html">
 
    
    <script type="text/javascript" language="javascript" src="garbx.js"></script>
<script type="text/javascript" language="javascript" src="mind.js"></script>
<script type="text/javascript" language="javascript" src="ctlg.js"></script>
<script type="text/javascript" language="javaScript">
 
        var first_page = 'list1.html';
        var alignment = 'center';
        
    </script>
    <style type="text/css">
        html { overflow: -moz-scrollbars-vertical !important; }
        iframe#mainframe { width: 1007px; border: 0px solid transparent; overflow: hidden; }
    </style>
    <!--[if gte IE 5.5]>
    <![if lt IE 7]>
    <style type="text/css">
        img.alphapng { filter:expression(addPngImage(this)); }
    </style>
    <![endif]>
    <![endif]-->
</head>
<body onUnload="PageUnloading()" onLoad="hist = new historychangeevent();" style="background:#FFFFFF;">
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 100%;">
    <tr>
        <td id='maintd'>
            <iframe id="mainframe" src="" frameborder="0" scrolling="no"></iframe>
        </td>
    </tr>
<tr><td align="center">
<a style='text-decoration:none;' href="" target="_blank"><div style='font-size:20px;font-family:verdana;color:#CDCDCD;'></div></a>
</td></tr><tr><td>&nbsp;</td></tr>
 
</table>
<script type="text/javascript" language="javaScript">
    var med_next_sound_id = 1;
    var med_sSound1=""
    var med_sSound2=""
</script>
<div id='helpers' style='position: absolute; left: 3px; top: 3px; height: 1px; width: 1px;'>
    <img alt="" id="hideimg" src="transparent.gif" style="position:absolute; top:0px; left:0px; width:0px; height:0px">
    <div id="med_sound1" style="position:absolute; height: 0px;">&nbsp;</div>
    <div id="med_sound2" style="position:absolute; height: 0px;">&nbsp;</div>
    <div id='links'><--LINKS--></div>
</div>
 
 
 
</body>
</HTML>

@Amestigon · 10.07.2014, 12:58

HTML5
1
2
3
4
5
6
7
8
9
10
11
<style type="text/css">
        html { overflow: -moz-scrollbars-vertical !important; }
        body{
background: url(путь к фону, и его формат) no-repeat;
-moz-background-size: 100%; 
-webkit-background-size: 100%; 
-o-background-size: 100%; 
background-size: 100%; 
} 
        iframe#mainframe { width: 1007px; border: 0px solid transparent; overflow: hidden; }
    </style>

Но я бы все это хозяйство вынес бы в отдельный файл.

Кстати отдельный файл каких-то стилей таки есть.

HTML5
1
<link rel="stylesheet" href="styles_center.css" type="text/css">

Поэтому все это можно смело вписывать туда.

@Квас · 10.07.2014, 20:25 **[ТС]**

Вставил его (заменив) между 25-28 строчками - правильно? Не сработало

А в styles_center.css куда его тут запихнуть? Это было бы вообще шикарно)

CSS
1
2
3
4
5
6
html, body { height: 100%; width: 100%; margin: auto; padding: 0; }
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }
div { padding: 0; }
#links { display: none; }
td#maintd { height: 100%; width: 100%; text-align: center; vertical-align: middle; }
img { border: none; }

@Amestigon · 12.07.2014, 12:09

Сообщение от Квас

Вставил его (заменив) между 25-28 строчками - правильно? Не сработало

Вот в этой строчке

HTML5
1
2
</head>
<body onUnload="PageUnloading()" onLoad="hist = new historychangeevent();" style="background:#FFFFFF;">]

у вас уже задан стиль для background. Уберите его. И проверьте правильность написания пути к картинкам.

Сообщение от Квас

А в styles_center.css куда его тут запихнуть? Это было бы вообще шикарно)

В styles_center.css в принципе можно вставлять в любое место. Как правило стили для body пишут сразу за стилями для html. Lля удобства восприятия. Но надо помнить, что стили прописанные в html имеют приоритет (здесь надо уточнить, могу и ошибаться, поскольку всегда пользуюсь только отдельным файлом со стилям).

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

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .