После изменения моего фонового изображения мои изображения заголовка становятся невидимыми
Я работаю над веб-страницей. Я пытаюсь сделать панель навигации по умолчанию
для всех моих страниц, это мой файл, который я хочу include() моя панель навигации в:
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<?php include("config/defaults/nav/navigation.php"); ?>
</body>
Это работает нормально, но как мне добавить мой CSS? CSS только для панели навигации, он находится в местоположении C:/xampp/defaults/nav/styles.css,
В navigation.php это ссылка на таблицу стилей, но это не работает.
РЕДАКТИРОВАТЬ:
Это содержимое файла navigation.php, это просто моя панель навигации:
<html>
<head>
<link href="styles.css" rel="stylesheet" type="text/css">
<script src="nav.js" type="text/javascript"></script>
</head>
<body>
<div class="nav">
<div class="nav_wrapper">
<ul>
<li><a href="#">Home</li></a>
<li><a href="#">Mods</li></a>
<li><a href="#">Search</li></a>
<li><a href="#">Help</li></a>
</ul>
</div>
</div>
</body>
</html>
Я знаю, что это очень просто.
РЕДАКТИРОВАТЬ 2:
Путь к navigation.php просто C:/xampp/htdocs/config/defaults/nav/navigation.phpгде htdocs — моя корневая папка.
Решение
Здесь нужно отметить пару вещей, вам не нужно включать в себя <html> бит разметки в вашем включении. Это само по себе запутает веб-браузер и сделает все более странным, особенно если страница становится более сложной, и если вы введете правильный путь ссылки, он все равно может не работать.
В navigation.php все, что вам нужно, это фактическая HTML-разметка:
<div class="nav">
<div class="nav_wrapper">
<ul>
<li><a href="#">Home</li></a>
<li><a href="#">Mods</li></a>
<li><a href="#">Search</li></a>
<li><a href="#">Help</li></a>
</ul>
</div>
</div>
Также глядя на путь для вас навигации style.css Похоже, что вы хотите иметь разные файлы style.css для разных частей страницы в разных каталогах, я настоятельно рекомендую объединить все ваши стили в один файл и иметь основную таблицу стилей, т.е. main.css, если только упростить его обслуживание или, по крайней мере, привести все таблицы стилей в один каталог (и назовите их main.css, navigation.css в качестве примера).
Таким образом, на главной странице индекса все, что вам нужно сделать, это включить стили, и вам будет гораздо проще управлять в будущем.
Чтобы ответить на ваш главный вопрос сейчас, причина, по которой ваш стиль не работает, заключается в том, что он ищет style.css в корне вашего веб-каталога, а на самом деле он находится в папке. /defaults/nav/ (при условии, что C: / xampp является корнем веб-сайта. Изменение ссылки для включения этой структуры каталогов решит проблему:
<link href="/defaults/nav/style.css" rel="stylesheet" type="text/css"/>
Путь должен указывать, где находится файл style.css, если вы воспользуетесь моим советом выше, он будет другим. Я бы создал каталог css в корне и поместил его туда, чтобы путь был /css/style.css затем, если вам также нужно будет включить любые другие файлы, связанные с CSS, все они могут войти туда, что поможет сохранить порядок.
Желаю удачи, и ваш английский довольно хорош, не на 100% идеально, но я легко поняла ваш вопрос.
Другие решения
Других решений пока нет …