Bonjour,

Je créer un site personnel regroupant des courts métrages.

Sur ce site, je classe les différents courts-métrages dans des catégories. Une de ces catégories contient trop de miniatures pour tenir en une seule « ligne ».

J’aimerais pouvoir aligner toutes les miniatures horizontalement et naviguer dans cette ligne avec des flèches comme sur Netflix, sans que le reste du site ne bouge avec.

Voilà le script HTML:

<h2>Catalogue LES HAY Production</h2>
            <a href="power rangers.html"><img class=div5 src="power affiche.jpg" alt="Affiche de Power Rangers Omega"></a>
            <a href="josephine.html"><img class=div5 src="josephine image.jpg" alt="affiche de Joséphine Ange Gardien sauvetage du Père-Noël"></a>
            <a href="auguste.html"><img class=div5 src="affiche auguste.jpg" alt="Affiche la Légende du Roi Auguste"></a>
            <a href="esprits.html"><img class=div5 src="esprit affiche.jpg" alt="Affiche des Esprits sont là"></a>
            <a href="l'aventure de peter carson.html"><img class=div5 src="affiche peter.jpg" alt="Afficge de L'aventure de Peter Carson"></a>
            <a href="Scaffary.html"><img class=div5 src="scaffary affiche.jpg" alt="affiche Scaffary 1"></a>
            <a href="Scaffary 2.html"><img class=div5 src="affiche Scaffary 2.jpg" alt="affiche de Scaffary 2"></a>

Et le CSS:

.div5{
  width: 200px;
  border: 1px solid white;
  margin-left: 30px;
}

Pouvez-vous m’aider?

Merci d’avance.

Bonjour,

Doublon

Les doublons nuisent au bon fonctionnement du forum et sont donc interdits. Si vous vous êtes trompé de section, il suffit de signaler votre sujet au staff pour qu'il le déplace au bon endroit.

Je vous invite à continuer la discussion sur l'autre sujet :  https://openclassrooms.com/forum/sujet/creer-un-catalogue-horizontal-a-la-netflix

Je ferme ce sujet.