При загрузке на хостинг пропадают картинки и ссылки перестают работать

@magicmarina · Регистрация: 05.10.2016

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

Здравствуйте! Пишу свой первый сайт. Не подскажите, почему при загрузке сайта на хостинг (или при тестировании денвером) картинки не отображаются и ссылка на другую страницу не работает?
Основной файл:

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
<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta name="keywords" content="Участок, земля, продам, земельный участок, харьков, недвижимость, приватизация">
    <meta name="deskription" content="Продам приватизированный земельный участок в Харькове">
    <title>Продам земельный участок</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <base target="_self" href="file:///G:/proba/">
    <style type="text/css"> img {width:56%;} </style>
    </head>
<body>
    <div id="header">
        <h1>Продам свой приватизированный земельный участок</h1>
        <h2><em>Контакты: +38 067 995 29 96, +38 095 222 70 02, +38 063 620 97 98</em></h2>
    </div>
    <div id="container">
        <div id="menu">
            <ul><li><h3>
            <a href="galereia.html"> Фото </a>
            </h3></li></ul>
        </div>
        <div id="content">
                <div id="karta">
                    <img src="img/izobragenie.png" alt="address" usemap="#carta">
                    <map name="carta">
                    <area shape="default" target="_blank" href="https://www.google.com.ua/maps/place/вулиця+Чуйківська,+Харків,+Харківська+область/@50.0374152,36.2834414,15z/data=!4m5!3m4!1s0x4127a70fdb939cfd:0x6e8b4d724dfb0ef4!8m2!3d50.039386!4d36.3009938" alt="big">
                    </map>
                </div>
                АДРЕС: улица Чуйковская, 50 <br><br>
                РАЙОН: Большая Даниловка на границе с пос. Жуковского <br><br> 
                ПЛОЩАДЬ: 17,5 соток <br><br> 
                ДОКУМЕНТЫ: право собственности на 2 участка (10+7.5) <br><br>
                НА УЧАСТКЕ: электричество, новая скважина, газ, ветхий дом <br><br> 
                ДОСТОПРИМЕЧАТЕЛЬНОСТИ: лыжный спуск в 5 минутах <br><br> 
                СТОИМОСТЬ: $2400/сотка <br><br> 
                КОМИССИЯ: без комиссии 
        </div>
        <div id="navigation">
                <p>Продам свои 2 смежных приватизированных участка (2013г.), 10 соток (под застройку) (право власности) и 7,5 соток (под садоводство) (право власности). На участке дом 50 м.кв. В доме электричество, подведен газ (отрезан), своя скважина 2014 г. Начато строительство по проекту застройки участка - 2 дома на одном участке - (выкопана траншея под фундамент, под траншеей пробурены и залиты сваи с армировкой и выпусками в ростверк. Выкопан септик. Участок ровный. Проект дома (полный проект), привязка высот, геологические изыскания (документ), эскиз второго дома и визуализация всего комплекса - покупателю - в подарок!</p>
        </div>
        <div id="footer">
                <em>marina_iya@hotmail.com</em>
        </div>
        
    </div>
</body>
 
 
</html>

Файл с галереей:

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="ru">
<head>
    <meta name="keywords" content="Участок, земля, продам, земельный участок, харьков, недвижимость, приватизация">
    <meta name="deskription" content="Продам приватизированный земельный участок в Харькове">
    <title>Продам земельный участок</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <base target="_self" href="file:///G:/proba/">
    <style type="text/css"> img {width:56%;} body {margin:0;}</style>
    </head>
<body>
    <div id="header">
        <h1>Продам свой приватизированный земельный участок</h1>
        <h2><em>Контакты: +38 067 995 29 96, +38 095 222 70 02, +38 063 620 97 98</em></h2>
    </div>
    <div id="container">
        <div id="menu">
            <ul><li><h3>
            <ul><li><h3><a href="index.html">На главную</a></h3></li></ul>
            </h3></li></ul>
        </div>
        <div id="fotografii">
            <img src="img/skvagina.jpg" alt="skvagina">
            <img src="img/traktor.jpg" alt="traktor">
            <img src="img/vorota.jpg" alt="vorota">
        </div>
        <br><br>
        <div id="footer">
            <em>marina_iya@hotmail.com </em>
        </div>
        
    </div>
</body>
</html>

файл 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
h1
{
    color : #002F1D;
    font-size: 249%;
    font-family: arial;
    text-align: center;
}
 
h2
{
    color: #002F1D;
    font-size: 155%;
    text-align: right;
}
 
html
{
    background-image: url("wood.png");
}
 
#header
{
    background-image: url("green.png");
    width: 100%;
    margin-top: 0%;
    padding-top: 1%;
    padding-bottom: 0%;
    margin-bottom: 0%;
}
 
#content
{
    width: 95%;
    padding:2%;
}
 
#karta
{
    position: absolute;
    text-align:right;
    top: 26%;
    margin: 1%;
}
 
#navigation
{
    width:95%;
    margin: 2%;
}
 
#menu
{
    height: 2%;
    width: 100%;
    margin:0%;
}
 
#footer
{
    left: 0;
    margin-bottom: 0;
    width: 95%;
    text-align: center;
    height: 20px;
}
 
#fotografii
{
    width: 100%;
    text-align: center;
}

Возможно проблема в абсолютных и относительных ссылках. Когда просто в блокноте пишу - в браузере все работает. Потом, сначала перестает работать ссылка на галерею... А при загрузке - вообще ни картинки, ни ссылка. Буду благодарна за помощь.

Выкладываю код в архиве (папку с фото в архив не добавляла).

@Resume · 05.10.2016, 23:02

HTML5
1
<base target="_self" href="file:///G:/proba/">

Вместо file:///G:/proba/ нужно писать имя домена(адрес сайта), которое вы получили, когда заливали файлы на хостинг

@mrtoxas · 05.10.2016, 23:05

Не по теме:

К теме не относится, но перекодируете ваши html файлы в кодировку "UTF-8 без BOM". Файл со стилями у вас в нормальной кодировке.

@magicmarina · 06.10.2016, 10:39 **[ТС]**

Получилось!!!!!!!!!! Огромнейшее спасибище!!! При перекодировке в "UTF-8 без BOM" получаются иероглифы.. Поэтому, лучше оставлю как есть в "UTF-8". Правда фото в галерее все равно не хотят открываться.. Там тоже теперь переписать соответствующий путь? Путь все равно ведь остается относительно папки <img src="img/name.png"> Или теперь по другому?

Добавлено через 8 часов 14 минут
С фото вопрос решила! Просто поменяла на другие фото (более легкие). Спасибо всем большое!!!

Новые блоги и статьи Все статьи Все блоги /
Инструменты 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 и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@mrtoxas
	05.10.2016, 23:05
	Не по теме: К теме не относится, но перекодируете ваши html файлы в кодировку "UTF-8 без BOM". Файл со стилями у вас в нормальной кодировке. 0

@magicmarina 0 / 0 / 0 Регистрация: 05.10.2016 Сообщений: 2
	06.10.2016, 10:39 [ТС]
	Получилось!!!!!!!!!! Огромнейшее спасибище!!! При перекодировке в "UTF-8 без BOM" получаются иероглифы.. Поэтому, лучше оставлю как есть в "UTF-8". Правда фото в галерее все равно не хотят открываться.. Там тоже теперь переписать соответствующий путь? Путь все равно ведь остается относительно папки <img src="img/name.png"> Или теперь по другому? Добавлено через 8 часов 14 минут С фото вопрос решила! Просто поменяла на другие фото (более легкие). Спасибо всем большое!!! 0

При загрузке на хостинг пропадают картинки и ссылки перестают работать

Решение