[Bug] Style cassé sur /login/ — mauvais chemin CSS et style.css absent #21

Closed
opened 2026-05-08 21:22:38 +00:00 by cedricAbonnel · 0 comments
Owner

Problème

La page /login/index.php est une page HTML autonome (hors layout.php). Elle charge Bootstrap depuis un chemin différent du reste du site et n'inclut pas style.css, ce qui casse l'apparence visuelle.

Cause

1. Chemin Bootstrap incorrect

login/index.php ligne 166 :

<link rel="stylesheet" href="/assets/bootstrap/bootstrap.min.css">

Le reste du site (via layout.php) utilise :

<link href="/assets/css/bootstrap.min.css" rel="stylesheet">

Le répertoire /assets/bootstrap/ n'existe probablement plus — le fichier a été déplacé dans /assets/css/.

2. style.css absent

La page ne charge pas /assets/css/style.css, donc toute la charte graphique du site est manquante.

3. Page hors layout.php

La page génère son propre <html> / <head> / <body> sans passer par layout.php, ce qui empêche l'héritage automatique des assets et du design.

Correction

Option A (rapide) — corriger les chemins dans login/index.php :

<!-- Remplacer -->
<link rel="stylesheet" href="/assets/bootstrap/bootstrap.min.css">
<!-- Par -->
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/style.css">

Option B (propre) — intégrer la page dans layout.php pour qu'elle hérite automatiquement du design et du header/footer du site.

Critères d'acceptation

  • La page /login/ affiche les styles Bootstrap correctement
  • La page /login/ est visuellement cohérente avec le reste du site
  • Le header et le footer du site sont présents sur la page de connexion
## Problème La page `/login/index.php` est une page HTML autonome (hors `layout.php`). Elle charge Bootstrap depuis un chemin différent du reste du site et n'inclut pas `style.css`, ce qui casse l'apparence visuelle. ## Cause ### 1. Chemin Bootstrap incorrect `login/index.php` ligne 166 : ```html <link rel="stylesheet" href="/assets/bootstrap/bootstrap.min.css"> ``` Le reste du site (via `layout.php`) utilise : ```html <link href="/assets/css/bootstrap.min.css" rel="stylesheet"> ``` Le répertoire `/assets/bootstrap/` n'existe probablement plus — le fichier a été déplacé dans `/assets/css/`. ### 2. `style.css` absent La page ne charge pas `/assets/css/style.css`, donc toute la charte graphique du site est manquante. ### 3. Page hors `layout.php` La page génère son propre `<html>` / `<head>` / `<body>` sans passer par `layout.php`, ce qui empêche l'héritage automatique des assets et du design. ## Correction Option A (rapide) — corriger les chemins dans `login/index.php` : ```html <!-- Remplacer --> <link rel="stylesheet" href="/assets/bootstrap/bootstrap.min.css"> <!-- Par --> <link href="/assets/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="/assets/css/style.css"> ``` Option B (propre) — intégrer la page dans `layout.php` pour qu'elle hérite automatiquement du design et du header/footer du site. ## Critères d'acceptation - [ ] La page `/login/` affiche les styles Bootstrap correctement - [ ] La page `/login/` est visuellement cohérente avec le reste du site - [ ] Le header et le footer du site sont présents sur la page de connexion
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: cedricAbonnel/varlog#21