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

-
Edité par VictorHay2 17 janvier 2021 à 21:52:43

Salut, il y a un truc super efficace pour cela c'eslt scroll snap type (mandatory x)

Tu peux scroller avec les fleches de directions, le probleme c'est que je n'ai pas trouvé de bon tuto, et l'explication sur mdn n'est pas top top:

https://developer.mozilla.org/fr/docs/Web/CSS/scroll-snap-type

Je vois que vous avez une chaine youtube.

Vous ne pourriez pas faire un tuto la-dessus ? Je n'arrive pas à comprendre ce qu'il y a sur mdn...

Bonjour,

Ca fait un moment que je cherche des réponses à ce problème mais je commence à désespérer.

Quelqu'un pourrait m'aider ?

Merci