Bonjour à tous et merci pour ce site plein de bonnes choses.
Ma question porte sur un petit travail en cours exclusivement en html/css (pas de javascript).
la page en question : la page en question
la feuille de style
Le problème : la page étant composée d'une liste de photo défilante sur la doite (overflow: auto), un clic sur une de ces imagettes fait apparaître au milieu de la page la photo en plus grand. Jusqu'ici ça marche.
La seule chose qui m'embête, c'est qu'un clic sur une imagette située au-delà des 100% de la page fait revenir la liste des imagettes au début, ce qui n'est pas franchement agréable à l'utilisation (par exemple : cliquer sur la photo N°12 et voir le résutat).
Comment modifier ce comportement en intervenant sur le code html et/ou sur la feuille de style ?

Ma question porte sur un petit travail en cours exclusivement en html/css (pas de javascript).
la page en question : la page en question
la feuille de style
Le problème : la page étant composée d'une liste de photo défilante sur la doite (overflow: auto), un clic sur une de ces imagettes fait apparaître au milieu de la page la photo en plus grand. Jusqu'ici ça marche.
La seule chose qui m'embête, c'est qu'un clic sur une imagette située au-delà des 100% de la page fait revenir la liste des imagettes au début, ce qui n'est pas franchement agréable à l'utilisation (par exemple : cliquer sur la photo N°12 et voir le résutat).
Comment modifier ce comportement en intervenant sur le code html et/ou sur la feuille de style ?