При загрузке на хостинг пропадают картинки и ссылки перестают работать - HTML, CSS - Ответ 9612945

@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;
}

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

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

Вернуться к обсуждению:
При загрузке на хостинг пропадают картинки и ссылки перестают работать HTML, CSS

Следующий ответ

Другие темы раздела
HTML, CSS Увеличение межстрочного интервала https://www.cyberforum.ru/ html/ thread1820045.html <style> h1 { text-indent: 2em; font-family: Comic Sans MS; text-align: center; font-size:19px; text-color: #000000; } h2 { text-indent: 2em;	HTML, CSS Bootstrap кривой макет помогите пожалуйста сделать макет , не могу разместить контент правильно чтобы было два сайдбара нормальных и контент делаю на bootstrap все поехало =(( Вот сам шаблон: Только учусь, что-то...
HTML, CSS Снять выделение при клике на area Подскажите пожалуйста, как сделать, чтобы при нажатии на какой-либо area она не выделялась на изображении? https://www.cyberforum.ru/ html/ thread1819792.html	HTML, CSS Адаптивная вёрстка картинок Подскажите пожалуйста как лучше верстасть эти стрелки с адаптивным вариантом ? https://www.cyberforum.ru/ html/ thread1819690.html
HTML, CSS Изменить стиль заголовка Добрый день! Начал только изучать CSS. Есть задача. Нужно в коде на html-странице вверху по тексту изменить форматирование как для тега <h2>. Как это можно сделать и что именно изменить. Спасибо...	HTML, CSS Скругленные углы у родительского блока и позиционирование дочерних элементов https://www.cyberforum.ru/ html/ thread1819649.html Доброго времени суток Есть две проблемы. 1. На зеленом блоке не работает закругление углов. Хотя на блоке меню работает абсолютно такой же код .news_text { border-radius: 10px 10px 10px...
HTML, CSS Задержка перед стартом нового цикла анимации https://www.cyberforum.ru/ html/ thread1819559.html Мне нужно что бы происходила каждый раз 2 сек. задержка перед стартом нового цикла анимации. Пробую сделать через transition-delay, но она эту задержку делать только одни раз в начале. Добавлено...	HTML, CSS Подключение шрифта PT Sans Подскажите как подключить шрифт PT Sans к сайту. Очень надо
HTML, CSS Шрифт подстраивающийся под размеры блока https://www.cyberforum.ru/ html/ thread1819517.html Подскажите как сделать шрифт относительным по отношению к блоку? Блок будет относительным по отношению к монитору и будет уменьшаться или увеличиваться в процентном соотношении.	HTML, CSS Не отображается блок по умолчанию https://www.cyberforum.ru/ html/ thread1819449.html Доброго времени суток Не могу сказать точно где ошибка: в HTML, JS или CSS но код работает не правильно! Буду признателен за помощь. Есть див со ссылкой: <div class="item" id="item_our"...
HTML, CSS Изменение курсора мыши при наведении на кнопку А как сделать, чтобы курсор мыши менялся при наведении на кнопку? Как при наведении на ссылку. Один вопрос - одна отдельная тема!	HTML, CSS Выравнять изображения и текст по вертикали Всем доброй ночи, прописываю стили для сайта http://skmedved.club/ для мобильных гаджетов, для планшета все сделал, а вот с iPhonom не получается, задал сетку для классов, и хочу выровнять... https://www.cyberforum.ru/ html/ thread1819424.html