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

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

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

HTML5

<!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

<!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

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 минут
С фото вопрос решила! Просто поменяла на другие фото (более легкие). Спасибо всем большое!!!

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

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

Опции темы

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

Решение