2016-05-19 3 views
-2

Почему мой HTML-код не связан с моим CSS? используя шаблон Prologue от html5up.com ... В моем основном каталоге (я имею в виду, где index.html) я создал подпапку для различных продуктов, которые я хочу отобразить. Эта папка содержит несколько файлов: 125st.html, 125stmain.css и папку под названием _notes, созданная Dreamweaver. Вот код в 125st.html, которые должны быть ссылки на 125stmain.css:Таблицы стилей не загружаются на подстраницы

<link rel="stylesheet" href="products/125st/125stmain.css" /> 

Когда я посещаю shercousa.com/products/125st/125st.html (Это не будет работать для вас, я просто обманул хост файл, чтобы пойти в моем местном сохранить вместо живого сайта, пока я работаю над ним), он не показывает CSS только HTML. Я просто скопировал эту строку из файла index.html (который работает) и изменил папку, чтобы попытаться направить ее к клону CSS, который я создал. Когда это не сработало, я попробовал копировать и вставлять исходную строку, которая работает на основном сайте, но когда связанная в 125st.html по-прежнему загружает CSS вообще. Я немного новый, так жаль, если мне немного сложно следовать. Я могу разработать или опубликовать любой код, если кто-то должен его увидеть.

Редактировать: Также мои изображения не загружаются, даже те, которые связаны в html-файле.

+0

Поскольку относительный путь отличается от того, что вы вызываете его из подпапки. Вам нужно будет использовать полный путь. Когда вы посещаете shercousa.com/products/125st/125st.html, он пытается найти shercousa.com/products/125st/products/125st/125stmain.css вместо shercousa.com/products/125st/125stmain.css – pandavenger

ответ

0

Ga, я такой наркотик. Должна быть косая черта перед такими продуктами:

<link rel="stylesheet" href="/products/125st/125stmain.css" /> 
1

Если я не ошибаюсь, у этого есть легкое решение.

Если вы на хосте/продуктов/125st/125st.html и вы связаны CSS так:

<link rel="stylesheet" href="products/125st/125stmain.css" /> 

Что это происходит там, что ваш файл 215st.html пытается найти: хоста/продукты/125st/125st.html/products7125st/125stmain.css

Таким образом, вы можете связать свой CSS с обеими этими способами:

<link rel="stylesheet" href="/products/125st/125stmain.css" /> 

или

<link rel="stylesheet" href="125stmain.css" /> 

Я надеюсь, что это работает для вас :) И простите за мой английский!

+0

'host/products/125st/125st.html/products7125st/125stmain.css' должно быть 'host/products/125st/products/125st/125stmain.css'. – SZenC

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