HTML WAMP - требуется отладки

StackOverflow https://stackoverflow.com/questions/3566436

  •  01-10-2019
  •  | 
  •  

Вопрос

Ну, я построил страницу, которая работает абсолютно хорошо, как вы можете увидеть ниже:

alt text

Но когда я копирую свою папку в C:\wamp\www\myFolder и пробежать через локальный с использованием WAPPER SERVER это выглядит что-то вроде этого

alt text

Проблема в том, что прикрепленные листы стилей не работают, и сценарий Java не работает.

Смотри нижеalt text

  • Где вы видите зеленые точки здесь изображения загружены в порядке ...
  • где вы видите розовые точки, изображения не загружаются
  • Где вы видите черную точку .. 5 коробок в красном разделе ... они являются изображениями броска JavaScript, хорошо они загружены, но не работают .. После того, как мышь на изображение опрокидывания не отображается
  • В правом верхнем углу, где вы видите желтые коробки .. Ссылки и текстовое поле и кнопка имеют стиль CSS, который не работает ...

ЧТО ТВОРИТСЯ

Это было полезно?

Решение 3

У меня были мои ссылки, такие как

href=".\images\image.png"

просто изменил их на

href=".\images/image.png"

Сервер делал то, что он должен был сделать ...

Другие советы

Возможно, ваши активы (CSS и JS) подаются неправильно?

Если вы просматриваете источник вашей страницы в Firefox, вы сможете нажать на ссылку CSS. Сделайте это и посмотрите, возьмите вас к вашему CSS. Если нет, то у вас есть ответ - путь активы ошибается.

Похоже, изображения находятся в неправильном месте.

WAMP по умолчанию указывает на C: www. Если ваши изображения в вашем CSS / HTML ссылаются на «/ images/example.png», то Apache интерпретирует этот запрос как:

«Ищите файл example.png в папке c: www Images "

Вам необходимо либо добавить каталог «/ myfolder / images /» на URL-адрес изображения или ссылаться на изображения относительно изображений из файла CSS.

Это означает, что ваш файл CSS находится в вашем c: www myfolder, и у вас есть папка изображений в C: www mysfolder, то ваши изображения внутри ваших CSS будут объявлены, как это:

url('images/example.png');

Обратите внимание, что задняя косая черта была удалена, это означает, что он будет относительным от CSS, а не из корневого каталога (C: www)

Надеюсь, это поможет.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top