Почему не подключается стили из header.php

@TVPNERO · Регистрация: 29.03.2016

Студворк — интернет-сервис помощи студентам

Есть небольшой интернет-магазин реализованый по паттерну МВС.

На главной странице http://localhost/mvc_mag и на странице Каталога http://localhost/mvc_mag/catalog стили подключаются.

А вот на страницах Категорий например,http://localhost/mvc_mag/category/13 стили почему то не подключаются

Корневой директорией для сайта является папка проекта mvc_mag ,но не сам локалхост.

Скрины и архив с файлами прикрепляю

@Jodah · 20.06.2017, 19:11

Сообщение от TVPNERO

Скрины и архив с файлами прикрепляю

Выкладывайте код, который имеет отношение к вопросу. Далеко не всем охота копаться в исходниках.

Пути к файлам (css, js, картинки и т.д.) нужно использовать абсолютные, со слешем в начале.

HTML5
1
<link href="template/css/bootstrap.min.css" rel="stylesheet">

Заменить на:

HTML5
1
<link href="/template/css/bootstrap.min.css" rel="stylesheet">

@TVPNERO · 20.06.2017, 20:29 **[ТС]**

если поставить слеш,то тогда вообще нигде не рабоют стили.

@TVPNERO · 20.06.2017, 20:44 **[ТС]**

Jodah, header.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Главная</title>
        <link href="template/css/bootstrap.min.css" rel="stylesheet">
        <link href="template/css/font-awesome.min.css" rel="stylesheet">
        <link href="template/css/prettyPhoto.css" rel="stylesheet">
        <link href="template/css/price-range.css" rel="stylesheet">
        <link href="template/css/animate.css" rel="stylesheet">
        <link href="template/css/main.css" rel="stylesheet">
        
 
 
 
        
        <link href="template/css/responsive.css" rel="stylesheet">
        <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->       
        <link rel="shortcut icon" href="template/images/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="template/images/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="template/images/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="template/images/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="template/images/ico/apple-touch-icon-57-precomposed.png">
    </head><!--/head-->
 
    <body>
        <header id="header"><!--header-->
            <div class="header_top"><!--header_top-->
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="contactinfo">
                                <ul class="nav nav-pills">
                                    <li><a href="#"><i class="fa fa-phone"></i> +38 093 000 11 22</a></li>
                                    <li><a href="#"><i class="fa fa-envelope"></i> [email]zinchenko.us@gmail.com[/email]</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="social-icons pull-right">
                                <ul class="nav navbar-nav">
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--/header_top-->
 
            <div class="header-middle"><!--header-middle-->
                <div class="container">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="logo pull-left">
                                <a href="index.html"><img src="template/images/home/logo.png" alt="" /></a>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="shop-menu pull-right">
                                <ul class="nav navbar-nav">                                    
                                    <li><a href="/mvc_mag/views/site/cart.php"><i class="fa fa-shopping-cart" ></i> Корзина</a></li>
                                    <li><a href="#"><i class="fa fa-user"></i> Аккаунт</a></li>
                                    <li><a href="#"><i class="fa fa-lock"></i> Вход</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--/header-middle-->
 
            <div class="header-bottom"><!--header-bottom-->
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="mainmenu pull-left">
                                <ul class="nav navbar-nav collapse navbar-collapse">
                                    <li><a href="/mvc_mag">Главная</a></li>
                                    <li class="dropdown"><a href="#">Магазин<i class="fa fa-angle-down"></i></a>
                                        <ul role="menu" class="sub-menu">
                                            <li><a href="/mvc_mag/catalog">Каталог товаров</a></li>
                                            <li><a href="/cart/">Корзина</a></li> 
                                        </ul>
                                    </li> 
                                    <li><a href="/blog/">Блог</a></li> 
                                    <li><a href="/about/">О магазине</a></li>
                                    <!-- Ну а контакты я решил сделать статически поэтому добавлю тут просто адрес на 
                                    хтмл страницу  Контактов -->
                                    <li><a href="/mvc_mag/views/site/contacts.html">Контакты</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--/header-bottom-->
            
        </header><!--/header-->

Добавлено через 1 минуту
Jodah, Роуты

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
return array(
 
 'product/([0-9]+)' => 'product/view/$1', // actionView в ProductController
 
'catalog'=>'catalog/index', //actionIndex v CatalogController
 
'category/([0-9]+)'=>'catalog/category/$1', //actionCategory v CatalogController
 
 
 
 'mvc_mag'=>'',   // Роут для главной страницы Срабатывает просто Контроллер
 
 
 
    );
 
 
 
?>

Добавлено через 2 минуты
Jodah, CatalogController.php который отрабатывает запрос

http://localhost/mvc_mag/category/14

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<?php
 
include_once ROOT . '/models/Category.php';
include_once ROOT . '/models/Product.php';
 
class CatalogController
{
 
    public function actionIndex()
    {
        $categories = array();
        $categories = Category::getCategoriesList();
 
        $latestProducts = array();
        $latestProducts = Product::getLatestProducts(12);
 
        require_once(ROOT . '/views/catalog/index.php');
 
        return true;
    }
    
    public function actionCategory($categoryId)
    {
        $categories = array();
        $categories = Category::getCategoriesList();
        
        $categoryProducts = array();
        $categoryProducts = Product::getProductsListByCategory($categoryId);
       
        require_once(ROOT . '/views/catalog/category.php');
 
        return true;
    }
 
}

Добавлено через 1 минуту
Jodah, Ну и сам вывод--файл category.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?php include ROOT . '/views/layouts/header.php'; ?>
 
<section>
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <div class="left-sidebar">
                    <h2>Каталог</h2>
                    <div class="panel-group category-products">
                        <?php foreach ($categories as $categoryItem): ?>
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a href="/category/<?php echo $categoryItem['id'];?>"
                                           class="<?php if ($categoryId == $categoryItem['id']) echo 'active'; ?>"
                                           >                                                                                    
                                            <?php echo $categoryItem['name'];?>
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
 
            <div class="col-sm-9 padding-right">
                <div class="features_items"><!--features_items-->
                    <h2 class="title text-center">Последние товары</h2>
                    
                    <?php foreach ($categoryProducts as $product): ?>
                        <div class="col-sm-4">
                            <div class="product-image-wrapper">
                                <div class="single-products">
                                    <div class="productinfo text-center">
                                        <img src="/template/images/home/product1.jpg" alt="" />
                                        <h2><?php echo $product['price'];?>$</h2>
                                        <p>
                                            <a href="/mvc_mag/product/<?php echo $product['id'];?>">
                                                <?php echo $product['name'];?>
                                            </a>
                                        </p>
                                        <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>В корзину</a>
                                    </div>
                                    <?php if ($product['is_new']): ?>
                                        <img src="/template/images/home/new.png" class="new" alt="" />
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    <?php endforeach;?>                              
                    
                </div><!--features_items-->
 
            </div>
        </div>
    </div>
</section>
 
<?php include ROOT . '/views/layouts/footer.php'; ?>

@miketomlin · 20.06.2017, 20:57

Сообщение от TVPNERO

если поставить слеш,то тогда вообще нигде не рабоют стили

Ну если мозг не включать, тогда ни при каком раскладе работать не будет. Нафиг вы сайт разместили в отдельном каталоге? Решили на домене сэкономить?

Либо /mvc_mag/template/css/bootstrap.min.css (есть еще тег base), либо переносим все в корень и не страдаем фигней. Или вы не можете сделать несколько localhost'ов?

@Вилки Выкидные · 20.06.2017, 21:49

Сообщение от miketomlin

либо переносим все в корень и не страдаем фигней

в OpenServer, например localhost - это просто домен, расположенный в корневой папке domains

@TVPNERO · 21.06.2017, 19:33 **[ТС]**

miketomlin,

thanks

True way was

HTML5
1
  <link href="/mvc_mag/template/css/main.css" rel="stylesheet">

@miketomlin · 22.06.2017, 03:52

Не по теме:

На тру вэй это не тянет, но сойдет :)

Новые блоги и статьи Все статьи Все блоги /
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение Это мой обзор планшета X220 с точки зрения школьника. Недавно я решила попытаться уменьшить свой. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .

@TVPNERO 9 / 8 / 12 Регистрация: 29.03.2016 Сообщений: 1,154
	20.06.2017, 20:29 [ТС]
	если поставить слеш,то тогда вообще нигде не рабоют стили. Миниатюры 0

@miketomlin
	22.06.2017, 03:52
	Не по теме: На тру вэй это не тянет, но сойдет :) 0

Почему не подключается стили из header.php

Решение