Сайт делала сначала без php. Потом перенесла его на диск С в папку xampp, стала доделывать там, чтобы использовать php. Точнее не перенесла, а скопировала всю папку с сайтом. Все работает, если меняю в html, а в файле style.css изменения не работают. Путь к файлу проверила. На сайте со старого места на диске D изменения проходят, с диска C нет, почему так?
1) Откройте вашу страницу в браузере Google Chrome (проблемную страницу, в которой не меняются css стили).
2) Нажмите на F12, выберите вкладку Console и перезагрузите страницу (на иконку браузера или F5 клавиша). Если после перезагрузки вы видите красные надписи и ошибку 404 (в Console), смотрите, на какие файлы ругается консоль - именно в них проблема (неверные пути и т.д.)
Также можно открыть исходный код страницы через ctr + U вы нажимать по ссылке на файл style.css и если при открытии этого файла будет показана ошибка 404 (что страницы не существует), значит проверяйте путь к файлу, что он верно указан (опечатки в пути, не поставленный слеш и т.д.)
Попробуйте слеш поставить перед началом пути к css файлу:
/assets/css/styles.css
не помогло. я не так сформулировала вопрос. сайт видит код css, но когда вношу изменения в файл style.css, то ничего не меняется.
Помогите пожалуйста!
Код ваш покажите полностью и названия файлов, а также по каким путям лежат файлы относительно рабочей папки с проектом.
код длинный.
файлы:
здесь файл style.css - C:\xampp\htdocs\Khvoya\assets\css
файл rand_otzyvy.php в корне, то есть - C:\xampp\htdocs\Khvoya
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Хвоя</title>
<!-- Bootstrap -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Main Style -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
.panel {
width: 110%;
}
.panel-body {
padding: 10px;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="top-panel col-lg-12 col-md-12 col-sm-12 hidden-xs">
<ul class="top-panel-ul">
<li><a href="index.html">О нас</a></li>
<li><a href="">Доставка и оплата</a></li>
<li><a href="">Отзывы</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
</div>
</div>
</div>
<div class="margin-2"></div>
<div class="container-fluid">
<div class="row">
<div class="header">
<div class="col-lg-1 hidden-xs">
</div>
<div class="col-lg-5 col-xs-6 hidden-xs">
<div class="logo-img">
<a href="index.html">
<img src="assets/img/лого/logo2.png" alt="логотип">
</a>
</div>
</div>
<div class="hidden-lg hidden-md hidden-sm col-xs-6">
<div class="logo-img">
<a href="index.html">
<img src="assets/img/лого/logo3.png" alt="логотип">
</a>
</div>
</div>
<div class="col-lg-6">
<div class="logo-tel hidden-xs">
<h1><i class="glyphicon glyphicon-phone-alt"></i> <em>8-988-575-68-54</em></h1>
<h4><p><i class="glyphicon glyphicon-time"></i> ПН-ВС: 10:00-21:00</p></h4>
</div>
</div>
</div>
</div>
</div>
<div class="margin-2"></div>
<div class="container">
<!-- <div class="row"> -->
<nav role="navigation" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle btn-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span id="nadpis_menu" class="visible-xs">Меню</span>
</div>
<div id="navbarCollapse" class="top-panel col-lg-12 col-md-12 col-sm-12 collapse navbar-collapse">
<ul class="menu nav-pills">
<li class="dropdown">
<a href="katalog.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Каталог <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="katalog.html">Все категории</a></li>
<li><a href="#">Уходовая косметика</a></li>
<li><a href="#">Декоративная косметика</a></li>
<li><a href="#">Для дома</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Мини-версии</a></li>
</ul>
</li>
<li><a href="">Акции</a></li>
<li><a href="">Хиты</a></li>
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Бренды <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Мастерская Олеси Мустаевой</a></li>
<li><a href="#">Levrana</a></li>
<li><a href="#">Мыловарня Романовых</a></li>
<li><a href="#">Краснополянская косметика</a></li>
<li><a href="#">Mi&Ko</a></li>
<li><a href="#">Лавандовый край</a></li>
</ul>
</li>
<li class="visible-xs"><a href="">О нас</a></li>
<li class="visible-xs"><a href="">Доставка и оплата</a></li>
<li class="visible-xs"><a href="">Отзывы</a></li>
<li class="visible-xs"><a href="">Контакты</a></li>
</ul>
</div>
</div>
</nav>
<!-- </div> -->
</div>
<!-- <div class="margin-2"></div> -->
<div class="wrapper">
<div class="container">
<div class="row">
<div class="brands col-lg-12">
<!-- Карусель -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="brands-carousel col-lg-12">
<a href="mom.html">
<img src="assets\img\brands\mom.jpg" alt="mom" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\levrana.jpg" alt="levrana" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\roman.jpg" alt="roman" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\krasn.jpg" alt="krasn" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\miko.jpg" alt="miko" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\lavand.jpg" alt="lavand" class="img-circle">
</a>
</div>
<!-- <div class="carousel-caption"></div> -->
</div>
<div class="item">
<div class="brands-carousel col-lg-12">
<a href="">
<img src="assets\img\brands\levrana.jpg" alt="levrana" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\roman.jpg" alt="roman" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\krasn.jpg" alt="krasn" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\miko.jpg" alt="miko" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\lavand.jpg" alt="lavand" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\krist.jpg" alt="krist" class="img-circle">
</a>
</div>
<!-- <div class="carousel-caption"></div> -->
</div>
<div class="item">
<div class="brands-carousel col-lg-12">
<a href="">
<img src="assets\img\brands\roman.jpg" alt="roman" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\krasn.jpg" alt="krasn" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\miko.jpg" alt="miko" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\lavand.jpg" alt="lavand" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\krist.jpg" alt="krist" class="img-circle">
</a>
<a href="">
<img src="assets\img\brands\pure1.jpg" alt="pure" class="img-circle">
</a>
</div>
<!-- <div class="carousel-caption"></div> -->
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Карусель -->
<div class="margin-2"></div>
</div>
<div class="container">
<div class="onas col-lg-9 col-md-9 col-sm-12 col-xs-12">
<h2>Хвоя - лавка натуральной косметики</h2>
<p>Для вас я отобрала ДЕЙСТВИТЕЛЬНО НАТУРАЛЬНУЮ авторскую косметику!</p>
<p>Производители предоставляемой мной продукции живут и/или собирают/закупают экологически чистое сырье вдали от города, имеют много положительных отзывов не только по России, но и за рубежом.</p>
<p>Вся косметика имеет декларации качества!</p>
<p>Слово "натуральное" для меня - не просто маркетинговый ход или веяние моды.</p>
<p>Процесс отбора производителей натуральной косметики в свою лавку был серьёзный и кропотливый, ведь требования у меня строгие.</p>
<p>Во-первых, продукция должна быть действительно натуральная❗, из качественного экологического сырья❗, а не просто с надписью "эко", как сейчас
стало модно. Во-вторых, эффективность❗ Продукт должен работать. Не делать вид, а реально работать.</p>
<p>И я рада и горжусь тем, что являюсь представителем таких наших российских марок, как Мастерская Олеси Мустаевой, Краснополянская косметика, Levrana, Mi&ko, Мыловарня Романовых, Лавандовый край и др.</p>
<p>Производимая нашими брендами натуральная косметика очень разнообразна, качественна и эффективна.</p>
<p>Преимущества нашей действительно натуральной косметики:</p>
<ul class="square">
<li>только эффективные формулы, основанные на силе экстрактов, с ароматом настоящих качественных эфирных масел, а не синтетических отдушек;</li>
<li>органическая косметика действует глубже, чем обычная, которая чаще всего за счёт силиконов, парафинов и т.п. действует только на поверхности кожи;</li>
<li>действительно натуральная косметика даёт более длительный и стабильный эффект;</li>
<li>покупая натуральную косметику наших брендов вы платите за сам продукт, а не за рекламу;</li>
<li>вы отдаёте деньги за: качественные ингредиенты, научные разработки, экологическое производство и пр.;</li>
<li>использование натуральных экстрактов позволяет себя чувствовать в гармонии с природой и самим собой.</li>
<li>Подводя итоги, я просто скажу, что нашла свои бренды, которым полностью доверяю, и только проанализировав составы и проверив на себе, лично могу их рекомендовать вам.</li>
</ul>
</div>
<div class="col-lg-3 col-md-3 hidden-sm hidden-xs">
<div class="margin-10"></div>
<div class="panel panel-default">
<div class="panel-heading">
<a href="otzyvy.html" class="logo-tel"><h1>Отзывы</h1></a>
</div>
<div class="panel-body">
<a class="otzyvy" href="otzyvy.html">
<iframe class="otzyvy" scrolling="no" frameborder="0" border="0" cellspacing="0" style="border-style: none; width: 100%; height: 440px;" src="rand_otzyvy.php">
<!-- <img src="assets\img\otzyvy\1.png" alt="отзыв1"> -->
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-lg-1 hidden-sm hidden-md"></div>
<div class="col-lg-4 col-sm-5 col-md-5 hidden-xs">
<h4>О НАС</h4>
<p>Хвоя – магазин натуральной косметики российских брендов.</p>
<p></p>
<p>Мастерская Олеси Мустаевой,Леврана, Мыловарня Романовых, Краснополянская Косметика, Mi&Ko, Лавандовый край</p>
<p></p>
<p>Доставляем по Новочеркасску и всей России.</p>
</div>
<div class="col-lg-3 col-sm-4 col-md-3 hidden-xs">
<h4>НАШИ КОНТАКТЫ</h4>
<p><i class="glyphicon glyphicon-map-marker"></i> г.Новочеркасск, ТЦ "Лента"</p>
<p>Лавка натуральной косметики "Хвоя"</p>
<p><i class="glyphicon glyphicon-phone"></i> тел. 8-988-575-68-54</p>
<p><i class="glyphicon glyphicon-envelope"></i> <a href="#" target="_blank">e-mail</a></p>
<p><i class="glyphicon glyphicon-time"></i> ПН-ВС: 10:00-21:00</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-3 hidden-xs">
<p></p>
<p>Вы можете отправить нам Ваши отзывы или пожелания</p>
<div class="input-group">
<input type="text" class="form-control" placeholder="Ввод">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Отправить</button>
</span>
</div>
<p></p>
<p>Мы в соцсетях</p>
<a href="https://www.instagram.com/khvoya_lavka/" target="_blank"><img src="assets/img/ig2.png" alt="иг" class="img-circle text-center"></a>
<a href="https://vk.com/khvoya_lavka" target="_blank"><img src="assets/img/vk.png" alt="вк" class="img-circle text-center"></a>
</div>
<div class="col-lg-1"></div>
</div>
<div class="container visible-xs">
<div class="col-xs-6">
<p><i class="glyphicon glyphicon-phone"></i> тел. 8-988-575-68-54</p>
<p><i class="glyphicon glyphicon-envelope"></i> <a href="#" target="_blank">e-mail</a></p>
<p><i class="glyphicon glyphicon-time"></i> ПН-ВС: 10:00-21:00</p>
</div>
<div class="col-xs-6">
<a href="https://www.instagram.com/khvoya_lavka/" target="_blank"><img src="assets/img/ig2.png" alt="иг" class="img-circle center-block"></a>
<p></p>
<a href="https://vk.com/khvoya_lavka" target="_blank"><img src="assets/img/vk.png" alt="вк" class="img-circle center-block"></a>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>Проверь папку с css. Такая же проблема была - я вместо assets написал asset. Переиминуй возможно поможет.
Благодарю, но нет, там все верно.
Помогите пожалуйста! В чем может быть проблема?
Спасибо за отклик! Ошибок нет никак((((
Может кэширование? Попробуйте в другом браузере открыть
Не помогает! все равно спасибо!
Откройте проблемную страницу в браузере, нажмите F12, чтобы открылась консоль разработчика и нажмите f5 для перезагрузки страницы в браузере. Сделайте скриншот и покажите здесь (картинку можно залить например на https://imgbb.com/ и сюда дать ссылку на картинку) + код полностью проблемной страницы сюда в вопрос прикрепите (не картинкой).
+ попробуйте скопировать код из файла и вставить его на страницу в тэги style здесь:
<style type="text/css">
.panel {
width: 110%;
}
.panel-body {
padding: 10px;
}
/* Сюда код вставить */
</style>Три роки пройшло, і я з таким зіткнувся. Пишу для тих, хто знайде цю вітку. Справа виявилася в кеші. Відключити кеш в хромі: F12, network, галка disable cache