Commit de Louay : amélioration du code pour éviter les erreurs du W3C

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>

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 */
+}