Pas de chargement des css sur mon hote virtuel

Résolu
Gutt-V Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   -  
Gutt-V Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   - 17 sept. 2024 à 14:21

Bonjour,

J'ai un peu honte de poster pour ça, je suis sûr de er à côté d'un truc évident, mais ça fait deux jours que je suis en boucle sur ce problème.

Mon code PhP fonctionne bien, mais je n'arrive pas a charger mon fichier .css.. Et ça va me rendre fou !

Le fichier HTML qui me pose problème. Le fichier .css est dans le même dossier.

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
        crossorigin="anonymous"></script>
    <title><?= CmaT::getInstance()->getTitle(); ?></title>
    <link href="style.css" rel="stylesheet" type="text/css">
</head>

<body class="d-flex flex-column h-100">
    <nav class="navbar topbar">
        <div class="container-fluid">
            <span class="navbar-brand mb-0 h1">Navbar</span>
            <a href="?" title="Se déconnecter">
                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentcolor"
                    class="icone svg_sombre" viewBox="0 0 16 16">
                    <path d="M7.5 1v7h1V1z" />
                    <path
                        d="M3 8.812a5 5 0 0 1 2.578-4.375l-.485-.874A6 6 0 1 0 11 3.616l-.501.865A5 5 0 1 1 3 8.812" />
                </svg></a>
        </div>
    </nav>
    <div class="container mt-4">
        <?php if (Session::getInstance()->hasFlashes()): ?>
            <?php foreach (Session::getInstance()->getFlashes() as $type => $message): ?>
                <div class="alert alert-<?= $type; ">
                    <?= $message; ?>
                </div>
            <?php endforeach; ?>
        <?php endif ?>
        <?= $content ?>
    </div>
    <footer class="py-4 footer mt-auto">

    </footer>
</body>

</html>

Ce fichier est rendu depuis un controller :

    protected function render($view, $datas = [], bool $isConnected = false)
    {
        ob_start();
        extract($datas);
        require($this->viewpath . $view . '.php');
        $content = ob_get_clean();
            require($this->viewpath . 'layouts/default.php');
      }

J'ai, je crois, a peu près tout essayer comme possibilité de chemin (relatif, absolu en récupérant les données de $_SERVER...

Rien !

D'ailleurs voici une copie de mon $_SERVER :

copie

Surtout n'hésitez pas à me dire ce que je rate !

En espérant qu'un oeil neuf y voit plus clair .

D'avance merci !

A voir également:

5 réponses

Réponse 1 / 5
jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention   4 745
 

Bonjour,

1 - As tu bien vidé le cache de ton navigateur ?

2 - Si tu affiches la page puis que tu inspecte son code source dans ton navigateur, vois tu bien la ligne qui fait appel à ton fichier css ?

Puis si tu cliques dessus ( ou control + click) est-ce que ça l'ouvre ?

3 - As tu bien respecté la casse ( Majuscule / Minuscule dans le nom du fichier ) ?
0
Réponse 2 / 5
Gutt-V Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   1
 

Tout d'abord, merci de prendre la peine de me répondre.

1 - Oui, plusieurs fois j'ai même tout rebooter.

2 - oui

Quand je ctrl + click dessus il m'ouvre un style.css avec 0 règle.

C'est un css qui a été généré à partir de SaSS. Ca peut jouer ? a mon avis, non...

Mais bon, pas si sûr.

J'ai essayé de coller au même endroit mon fichier .sass et le css.map : toujours pareil

3 oui
0
jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention   4 745
 

Quand je ctrl + click dessus il m'ouvre un style.css avec 0 règle.

C'est donc que tu ne pointes pas sur le bon chemin...

Il se trouve où ce fichier par rapport à la racine de ton site ?

Ou alors.. ton fichier est bel et bien vide .. ? Tu l'as ouvert pour voir ce qu'il contenait ? (depuis ton explorateur de fichier)

0
Réponse 3 / 5
Gutt-V Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   1
 

Le fichier .css est dans le même dossier que le default.php

Dans App/views/layouts.

J'ai essayé de nombreuses combinaisons pour les chemins mais rien ne change.

Le fichier CSS est bon: je l'utilise depuis longtemps dans plusieurs projets : jamais de soucis à ce jour.
0
jordane45 Messages postés 38472 Date d'inscription   Statut Modérateur Dernière intervention   4 745
 

Si dans ton navigateur, tu entres l'url 

[URL DE TON SITE]/ App/views/layouts/style.css 

est-ce qu'il s'affiche ?

A noter que tu sembles avoir défini ton ROOT dans le dossier 

cmat/public/

Ton CSS devrait se trouver donc dans cette arborescence..

Tu  sembles utiliser un FRAMEWORK ...   lequel ?

0
Réponse 4 / 5
yg_be Messages postés 23538 Date d'inscription   Statut Contributeur Dernière intervention    

bonjour,

quand tu as

href="style.css"

c'est le navigateur qui va aller chercher le fichier css, en utilisant l'url de la page en cours.

Si j'en crois ton $_SERVER (ce serait plus sympa de partager du texte, plutôt qu'une image),  l'url de la page en cours est 

http://cmat.local/index.php

 Donc le navigateur va chercher le fichier css dans

http://cmat.local/style.css

Je pense que tu devrais modifier la page html, pour avoir

href="/App/views/layouts/style.css"
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
Gutt-V Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   1
 

Merci pour vos réponses.

Grâce a vos pistes, j'y suis arrivé !

Effectivement, j'ai tout mis dans le même dossier que mon index.php, plutôt que dans celui des layouts.

Du coup, ça marche.

Le pire c'est que j'étais persuadé l'avoir testé... Ce n'est pas beau de vieillir !

Encore merci pour le coup de main !
0

Discussions similaires

clavier à la fenêtre d'ouverture de session
rorototo123 -
Rorototo123 -

2 réponses
Processus "Hôte de service" qui pompe ma bande ante
boomer901 -
Mervei -

19 réponses