Не отображаются картинки и не подключается файл .css, что Делать?

Question

JoniSuper @JoniSuper

Не отображаются картинки и не подключается файл .css, что Делать?

Всем тостерам привет!
Такая у меня проблема: на сайте не отоюражаются картинки, ни в какую!

Корневая папка

И вот мой код:
https://drive.google.com/file/d/1BUUzB7u0VuqMwTxQg...

Вопрос задан более трёх лет назад
127 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Александр @AleksandrB

Код сюда вставлять нужно, никто не будет твои файлы скачивать

Написано более трёх лет назад
JoniSuper @JoniSuper Автор вопроса

Александр, не помещается, сори

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

В ваших скринах и простынях кода нет никакого смысла. Вам следовало заглянуть в средства разработки в браузере, посмотреть какие запросы уходят, какие ответы приходят. Если там все верно, сделать простую страницу, где нет ничего лишнего, только самый минимум для воспроизведения ошибки, потом это показать в вопросе.
Высока вероятность того, что вы в процессе локализации ошибки, самостоятельно решили бы проблему.

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

По тому что есть, можно только гадать, что у вас косяк в правилах переадресации в htaccess. Но это не точно.

Написано более трёх лет назад

JoniSuper @JoniSuper Автор вопроса

<?php
include_once 'setting.php';
session_start();
$CONNECT = mysqli_connect( HOST, USER, PASS, DB);

if ($CONNECT) echo "";
else echo  "Ошибка нахуй, чмо ты криворукое";

if ($_SERVER['REQUEST_URI'] == '/' ) {
    $Page = 'index';
    $Module = 'index';
} else {
    $URL_Path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
    $URL_Parts = explode('/', trim($URL_Path, '/'));
    $Page = array_shift($URL_Parts);


    if (!empty($Module)) {
        $Param = array();
        for ($i = 0; $i < count($URL_Parts); $i++) {
            $Param[$URL_Parts[$i]] == $URL_Parts[++$i];

        }
    }
}
if ($Page == 'index' and $Module =='index')
    ;
else if ($Page == 'photo') echo 'Фотогалерея';
else if ($Page == 'photo') echo 'Фотогалерея';
else if ($Page == 'comment') echo 'Коментарии';
else if ($Page == 'register') include 'register.php';
else if($Page == 'index') include 'cross.png';

?>
<html>
<head>
    <title>Мистер робот</title>
    <meta charset="utf-8">
</head>
<link rel="stylesheet" href="opp.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">

<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<div class="backwrap gradient">
    <div class="back-shapes">
        <img src="circle.png" class="floating" style="top:66.5040650406504%;left:12.96875%;animation-delay:-NaNs;" />
        <img src="triangle.png" class="floating" style="top:31.382113821138212%;left:33.59375%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:76.42276422764228%;left:37.96875%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:21.30081300813008%;left:14.0625%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:58.048780487804876%;left:56.71875%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:8.617886178861788%;left:72.65625%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:31.21951219512195%;left:58.515625%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:69.91869918699187%;left:81.40625%;animation-delay:-NaNs;" />
        <img src="circle.png" class="floating" style="top:15.121951219512194%;left:32.34375%;animation-delay:-NaNs;" />
        <img src="circle.png" class="floating" style="top:13.008130081300813%;left:45.9375%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:55.77235772357724%;left:27.109375%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:49.43089430894309%;left:53.75%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:34.63414634146341%;left:49.609375%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:33.170731707317074%;left:86.09375%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:28.130081300813007%;left:25.15625%;animation-delay:-NaNs;" />
        <img src="circle.png" class="floating" style="top:39.67479674796748%;left:10.78125%;animation-delay:-NaNs;" />
        <img src="triangle.png" class="floating" style="top:77.72357723577235%;left:24.375%;animation-delay:-NaNs;" />
        <img src="triangle.png" class="floating" style="top:2.7642276422764227%;left:47.8125%;animation-delay:-NaNs;" />
        <img src="triangle.png" class="floating" style="top:71.3821138211382%;left:66.40625%;animation-delay:-NaNs;" />
        <img src="triangle.png" class="floating" style="top:31.21951219512195%;left:76.875%;animation-delay:-NaNs;" />
        <img src="triangle.png" class="floating" style="top:46.34146341463415%;left:38.90625%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:3.4146341463414633%;left:19.609375%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:3.4146341463414633%;left:6.25%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:77.23577235772358%;left:4.53125%;animation-delay:-NaNs;" />
        <img src="cross.png" class="floating" style="top:0.8130081300813008%;left:71.09375%;animation-delay:-NaNs;" />
        <img src="f/square.png" class="floating" style="top:23.577235772357724%;left:63.28125%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:81.30081300813008%;left:45.15625%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:60.97560975609756%;left:42.1875%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:28.943089430894307%;left:93.90625%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:52.03252032520325%;left:68.90625%;animation-delay:-NaNs;" />
        <img src="square.png" class="floating" style="top:81.46341463414635%;left:83.59375%;animation-delay:-NaNs;" />

    </div>
</div>
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet">
<body>
<style type="text/css">
    *{
        margin: 0%;
        padding: 0%;
    }

    .dws-menu{
        background: url(5.jpg) no-repeat;
        background-position: center;
        width: 100%;
        z-index: 99;
        opacity: 0.9;
        position: relative;
        height: 330px;
    }


</style>
<nav class="dws-menu">
    <ul>
        <li><a href="#"><i class="fa fa-"></i><i class="fas fa-film"></i>Персо
                нажи</a>

            <ul>

                <li><a href="#">Эллиот Алдерсон</a></li>
                <li><a href="#">Дарлин Алдерсон</a></li>
                <li><a href="#">Анджела Мосс</a></li>
                <li><a href="#">Тайрелл Уэллик</a></li>
                <li><a href="#">"Мистер Робот"</a></li>
                <li><a href="#">Грейс Гаммер</a></li>
                <li><a href="#">"Белая роза"</a></li>


            </ul>
        </li>
        <ul>
            <li><a href="#"><i class="fa fa-"></i><i class="fas fa-film"></i>Форум (скоро)</a>


        </ul>
        <ul>
            <li><a href="#"><i class="fa fa-"></i><i class="fas fa-film"></i>О нас</a>

        </ul>



    </ul>
</nav>
<style type="text/css">

    header {
        font-family: 'Cuprum', sans-serif;
    }



    .dws-menu ul,
    .dws-menu ol {
        list-style: none;
        z-index: 10;
    }

    .dws-menu>ul {

        display: flex;
        justify-content: center;
        z-index: 10;

    }

    .dws-menu>ul li a {
        display: block;
        background: #ececed;
        padding: 15px 30px 15px 40px;
        font-size: 0.7em;
        color: #453547;
        text-decoration: none;
        text-transform: uppercase;
        z-index: 10;

    }

    .dws-menu>ul li {
        position: relative;
        border-right: 1px solid #c7c8ca;
        z-index: 10;

    }

    .dws-menu>ul lu>a i.fa {
        position: absolute;
        top: 15px;
        left: 12px;
        font-size: 16px;
        z-index: 10;

    }

    .dws-menu>ul li:first-child {
        border-left: 1px solid #b2b3d5;
        z-index: 10;

    }

    .dws-menu>ul li:last-child {
        border-right: 1px solid #babbbb;
        z-index: 10;

    }

    .dws-menu li a:hover {
        background: #454547;
        color: #ffffff;
        box-shadow: 1px 5px 10px -5px black;
        transition: 0.8s all;
        z-index: 10;

    }

    .dws-menu li ul {
        position: absolute;
        display: none;
        transition:  1s  ;
        z-index: 10;
        min-width: 150px;

    }

    .dws-menu li>ul li {
        border: 1px solid #c7c8ca;
        z-index: 10;

    }
    .fas fa-film{
        margin-right: 100px;
        z-index: 10;

    }
    .dws menu li>ul li a {
        padding: 10px;
        text-transform: none;
        background: #e4e4e5;
        z-index: 10;

    }

    .dws-menu li:hover>ul {
        display: block;
        animation-duration: 1s;
        z-index: 10;
    }

    #content{
        width: 100%;
        margin-top: 20px;
        height: 100%;
        background-color: #0a0a0a;
        z-index: 2;
        position: absolute;
        opacity: 0.9;
        margin-top: -0.1em;


    }


    r{
        font-size: 3em;
        background: rgba(248,80,50,1);
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
        font-family: 'Press Start 2P', cursive;

    }
    p{
        color: white;
        font-size: 1em;
        text-align: center;
        font-family: 'Oswald', sans-serif;

    }
    k{
        font-size: 3em;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        color: white;
        display: block;
    }

</style>
<div id="wrapper">

Написано более трёх лет назад

JoniSuper @JoniSuper Автор вопроса

Сергей delphinpro, дело было и в правду в htacces

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- 2 часа назад
- 48 просмотров
3

ответа
Веб-разработка

Простой
Как сделать чтобы при нажатии на кнопку или сылку в div блоке открывалась галерея?
- 1 подписчик
- 2 часа назад
- 23 просмотра
0

ответов
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 1 подписчик
- 6 часов назад
- 85 просмотров
1

ответ
CSS

Средний
Почему у элемента такое поведение?
- 3 подписчика
- 16 часов назад
- 1224 просмотра
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 19 часов назад
- 56 просмотров
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- 23 часа назад
- 188 просмотров
4

ответа
CSS

Простой
Почему нет задержки между повторами анимации?
- 1 подписчик
- 23 часа назад
- 57 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 2 подписчика
- вчера
- 176 просмотров
1

ответ
CSS

Простой
Почему не сужается flex-элемент с flex-shrink: 1?
- 1 подписчик
- вчера
- 77 просмотров
0

ответов
Веб-разработка

Простой
Почему сайт отображается некорректно?
- 1 подписчик
- вчера
- 127 просмотров
3

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Wagtail(Django)

23 апр. 2024, в 16:55

10000 руб./за проект

Специалист по работе с данными MySQL

23 апр. 2024, в 16:10

1500 руб./в час

Разработать модуль для flutter приложения

23 апр. 2024, в 16:05

3000 руб./за проект

Код сюда вставлять нужно, никто не будет твои файлы скачивать
В ваших скринах и простынях кода нет никакого смысла. Вам следовало заглянуть в средства разработки в браузере, посмотреть какие запросы уходят, какие ответы приходят. Если там все верно, сделать простую страницу, где нет ничего лишнего, только самый минимум для воспроизведения ошибки, потом это показать в вопросе.
Высока вероятность того, что вы в процессе локализации ошибки, самостоятельно решили бы проблему.
По тому что есть, можно только гадать, что у вас косяк в правилах переадресации в htaccess. Но это не точно.
Сергей delphinpro, дело было и в правду в htacces

Answer 1 · 2018-10-13 00:42:00

Вы меня простите, но вас не смущает наличие двух тегов <head>? При этом в них не попал ни один из ваших файлов стилей, так же как и картинки не попали в <body>.
Скорее всего из-за этого в PHP возникают ошибки.

<html>
<head>
    <title>Мистер робот</title>
    <meta charset="utf-8">
</head>
<!-- 
<link rel="stylesheet" href="opp.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"> 
-->
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<!-- 
<div class="backwrap gradient">
	<div class="back-shapes">
		<img src="circle.png" class="floating" style="top:66.5040650406504%;left:12.96875%;animation-delay:-NaNs;" />
		<img src="square.png" class="floating" style="top:60.97560975609756%;left:42.1875%;animation-delay:-NaNs;" />
    <img src="square.png" class="floating" style="top:28.943089430894307%;left:93.90625%;animation-delay:-NaNs;" />
	</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Russo+One" rel="stylesheet"> 
-->
<body>

Не отображаются картинки и не подключается файл .css, что Делать?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт