From cedf6b38aecf8044fe2e4b676ddd52f84963b5ed Mon Sep 17 00:00:00 2001
From: stiti <moncef.stiti@gmail.com>
Date: Fri, 7 Jun 2024 15:01:27 +0200
Subject: [PATCH] =?UTF-8?q?Commit=20de=20Louay=20:=20am=C3=A9lioration=20d?=
 =?UTF-8?q?u=20code=20pour=20=C3=A9viter=20les=20erreurs=20du=20W3C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CodeIgniter-3.1.13/application/views/albums_list.php |  9 ++++++++-
 CodeIgniter-3.1.13/assets/css/style.css              | 12 ++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/CodeIgniter-3.1.13/application/views/albums_list.php b/CodeIgniter-3.1.13/application/views/albums_list.php
index 218639d..b7eb41a 100644
--- a/CodeIgniter-3.1.13/application/views/albums_list.php
+++ b/CodeIgniter-3.1.13/application/views/albums_list.php
@@ -28,9 +28,16 @@
     </form>
 </div>
 
+<?php if (empty($albums)): ?>
+        <div id="error-message" class="error-message">
+            <p>Aucun album trouvé pour cette sélection.</p>
+        </div>
+<?php endif; ?>
+
+
 <section class="list">
     <?php if (empty($albums)): ?>
-        <p>Aucun album trouvé pour cette sélection.</p>
+
     <?php else: ?>
         <?php foreach($albums as $album): ?>
             <div>
diff --git a/CodeIgniter-3.1.13/assets/css/style.css b/CodeIgniter-3.1.13/assets/css/style.css
index 3d04afe..960c0c0 100644
--- a/CodeIgniter-3.1.13/assets/css/style.css
+++ b/CodeIgniter-3.1.13/assets/css/style.css
@@ -222,3 +222,15 @@ header.short-text a {
 .btn-add-to-playlist:hover {
     background-color: #461860; /* Couleur de fond au survol */
 }
+
+#error-message {
+    color: red;
+    background-color: #ffd6d6; /* Fond rouge pour les messages d'erreur */
+    margin-top: 10px; /* Ajout de marge en haut des messages */
+    padding: 10px; /* Ajout de rembourrage aux messages */
+    border-radius: 4px;
+    font-size: 14px;
+    display: flex; /* Utilise Flexbox */
+    justify-content: center; /* Centre le contenu horizontalement */
+    align-items: center; /* Centre le contenu verticalement */
+}