Элементы исчезают на веб-сервере

У меня есть файл HTML, который я получаю из Интернета, когда я его открываю локально, все выглядит великолепно, но если вы загружаете файл на веб-сервер, половина элементов исчезает со страницы. Более того, некоторые навигаторы, похоже, могут показывать элементы, а другие не могут. Например, IE показывает все, а Chrome и Opera - нет. Вот код:Элементы исчезают на веб-сервере

<div class="top-ads row"> 
<div class="col-md-4 sec-heading">Top Ads</div> 
<div class="col-md-4"></div> 
<div class="col-md-4"> 
    <a class="left-arr-btn right carousel-control" href="#carousel-example-generic" data-slide="prev" > 
    <img class="left-arr-img" src="images/left-arrow.png"> 
    </a> 

    <a class="right-arr-btn right carousel-control" href="#carousel-example-generic" data-slide="next"> 
    <img class="right-arr-img" src="images/right-arrow.png"> 
    </a> 
</div> 
</div>

Кажется, что все топ-объявление глючит, здесь моделирование:

.top-ads{ 
margin-top: 2em; 
}

Я не понимаю, если он показывает нормально с диска, почему он показывает пустой в Интернете? Постараюсь добавить несколько скриншотов ... Working Not working

источник

2016-07-08 Andriuxa

Вы уверены, что изображения даже загружаются? Я уверен, что это не имеет ничего общего с CSS ... (на самом деле это могло бы иметь какое-то отношение к CSS, учитывая, как скрытые элементы не изображения) –

Да, половина из них загружается, а другая половина нет, вы можете увидеть его на скриншотах – Andriuxa

Вы можете найти эту страницу здесь: http://all4truck.com/done/ – Andriuxa

Вы предоставили весь свой код? Если это так, у вас нет объявления doctype, никаких тегов html или body - современные браузеры простят это, но более старые не будут. Читайте на HTML структуры здесь: https://www.w3.org/TR/html401/struct/global.html

Это для HTML4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 
    "http://www.w3.org/TR/html4/strict.dtd"> 
 
<HTML> 
 
    <HEAD> 
 
     <TITLE>My first HTML document</TITLE> 
 
    </HEAD> 
 
    <BODY> 
 
     <P>Hello world! 
 
    </BODY> 
 
</HTML>

И запустить html5 вместо этого использовать этот доктайп:

<!DOCTYPE html>

источник

2016-07-08 17:50:50

Нет, это не все из моего кода, конечно, у меня есть теги doctype, html и body. Вам нужен больше кода? PS Я использую последний Chrome – Andriuxa

Трудно диагностировать вашу проблему если вы не указали все детали. –

Код грязный и длинный, вы можете увидеть его на all4truck.com/done – Andriuxa

Может быть, вы должны проверить, папка images находится в нужном месте на сервере.

Вы также могли бы попытаться дать относительный путь, путем замены:

src="images/left-arrow.png"

на это:

src="../../images/left-arrow.png"

или эквивалентный относительный путь, уходящую к корневой директории вашего сайта.

источник

2016-07-08 17:49:35 Pinimo

Также отличная идея. У вас есть каталог «images» на сайте, который не показывает изображения? –

Я предполагаю, что мои изображения есть, потому что половина изображений загружается, на самом деле IE может загружать даже все из них ... :( – Andriuxa

Это что-то в формате изображения? (Маловероятно, но кто знает) – Pinimo

Элементы исчезают на веб-сервере

ответ

Смежные вопросы