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

This commit is contained in:
stiti 2024-06-07 15:01:27 +02:00
parent 9a1a205daf
commit cedf6b38ae
2 changed files with 20 additions and 1 deletions

View File

@ -28,9 +28,16 @@
</form> </form>
</div> </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"> <section class="list">
<?php if (empty($albums)): ?> <?php if (empty($albums)): ?>
<p>Aucun album trouvé pour cette sélection.</p>
<?php else: ?> <?php else: ?>
<?php foreach($albums as $album): ?> <?php foreach($albums as $album): ?>
<div> <div>

View File

@ -222,3 +222,15 @@ header.short-text a {
.btn-add-to-playlist:hover { .btn-add-to-playlist:hover {
background-color: #461860; /* Couleur de fond au survol */ 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 */
}