CSS не работает на Localhost

Я создаю сайт и все мои CSS, HTML работают чудесно. Я хотел добавить некоторые функции PHP, поэтому я создал локальную среду разработки на своем Mac с Apache. Затем я переместил все папки своего сайта в папку новых сайтов, к которым можно получить доступ с помощью localhost. При загрузке моего сайта и теперь ни один из моих стилей CSS не загружается. Я использую Twitter Bootstrap локально. Это то, что мои CSS ссылки выглядят как в моем HTML:CSS не работает на Localhost

link rel="stylesheet" type="text/css" href="http://localhost/~tromph/YoointooSite/bootstrap.min.css"> 
link rel="stylesheet" type="text/css" href="http://localhost/~tromph/YoointooSite/main.css">

Я пытался просто любой другой путь, по которому я могу думать и ничего не кажется, работает.

я изменил свою структуру папок и путь к файлу:

<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.2-dist/css/bootstrap.min.css" /> 
<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.2-dist/css/main.css" />

Это фиксированная моя проблема не имея CSS рендера. Теперь изображения, связанные с CSS, не отображаются. Инструменты Dev говорят мне, что я получаю ошибку 403 (запрещено) на каждом из моих изображений. Что я должен сделать, чтобы изменить это разрешение?

Я потратил некоторое время на обновление разрешений. Сейчас все работает. Спасибо за вашу помощь!

источник

2016-01-06 trompher

Я не думаю, что ссылка CSS работала. Не могли бы вы снова включить свой код? – Hans

Заметка об уценке: поместите 4 пробела перед каждой строкой кода, чтобы создать блок кода. Подробнее читайте на странице [Mardown Help] (http://stackoverflow.com/editing-help). – SnareChops

Я бы рекомендовал ссылаться на файлы CSS относительно. Поэтому, если у вас есть следующая структура папок.

myProj 
    - css 
    - bootstrap 
     - bootstrap.min.css 
    - index.html (or php)

Тогда вы бы ссылаться на загрузочный файл как так

<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css" />

Гадание на вашей структуре папок из вашего примера я бы тогда предположить, что все, что вам нужно, это

<link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> 
<link rel="stylesheet" type="text/css" href="main.css" />

Если же ваш css-файлы: не в вашем проекте, а вместо этого используются снаружи, тогда вам нужно будет ссылаться на них, где бы вы ни находились их. Например, если вы обслуживаете их на порт 8080, тогда вам нужно будет ссылаться на них, используя этот адрес.

<link rel="stylesheet" type="text/css" href="http://localhost:8080/bootstrap.min.css" /> 
<link rel="stylesheet" type="text/css" href="http://localhost:8080/main.css" />

Опять же, выше только если вы служите им извне с сайта, которую вы пытаетесь использовать их. Если они находятся внутри проекта, над которым вы работаете, тогда ссылайтесь на них относительно файла, пытающегося их использовать.

источник

2016-01-06 00:09:06 SnareChops

Я немного изменил структуру папок и попробовал ваше предложение. Он все еще не работает. – trompher

@trompher Вы можете отредактировать свой вопрос в своей текущей структуре папок? – SnareChops

Я пытаюсь добавить новый HTML в вопрос, и это не сообщение. Я новичок в этом, поэтому я, очевидно, что-то делаю неправильно. – trompher

Первое, на что я хотел бы обратить внимание, - это проблема с вашими таблицами. Используйте веб-инспектор или инструменты разработчика в своем браузере и найдите ошибку 404 в ваших файлах CSS. Если они есть, инструменты dev покажут путь, который он ищет, и вы можете соответствующим образом настроить путь к вашим таблицам стилей.

Удачи вам!

источник

2016-01-06 00:09:40

В частности, вы хотите убедиться, что для владельца установлено значение 'www-data: www-data' (для всех файлов, обслуживаемых с помощью'/var/www/html'. Эта пара 'user: group' является стандартом, созданным для Apache. – PdC

Используйте инструменты разработчика в google chrome или другом браузере и в вкладке источников найдите ошибки. Две распространенные ошибки: ваши файлы css не найдены (см. Ответ относительного пути выше), или, возможно, ваши разрешения на файлы не позволяют серверу Apache обращаться к файлам CSS.

источник

2016-01-06 00:12:50 BMM

-1

Думал, что я брошу свой вклад в работу.

Я назвал один из моих CSS файлов style.css чем позже пошел и удалил его и создал новый style.css и мой WAMP сервер хранятся ссылки на первый style.css файл, который я сделал.

Итак, я переименовал второй файл CSS в main_style.css, и все сработало отлично.

источник

2017-08-26 21:26:25 BlakeWebb

CSS не работает на Localhost

ответ

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