03-01-2016, 07:58 PM
Salut,
il faut distinguer deux choses ici: ce que tu veux signifier dans ton site, et la façon dont l'utilisateur va y naviguer.
Ce que tu veux faire ici, ce que tu veux signifier, c'est un scroll. Cela se fait tout naturellement en définissant la taille de ton objet (<img class="my-image".../> + .my-image { with: ...px; height: auto; }) et en laissant faire le navigateur: si l'image déborde, il mettra en place ce qu'il faut pour que l'utilisateur puisse naviguer dans cette image. Certains navigateurs feront une scrollbar (PC principalement), d'autres permettront de naviguer avec la molette (quadridirectionnelle chez certains) ou le bouton central (je l'utilise beaucoup), d'autres feront un style "drag&drop" (terminaux tacticles principalement, ce "drag&drop" vient souvent en complément de la scrollbar).
Là, vu le code fournit, tout problème que tu peux avoir vient de ton propre navigateur.
J'essaierai ceci:
PS: évite la réponse-type "Ca marche pas"; si cela ne fait pas ce que tu veux, comprends bien l'effet de chaque ligne, au besoin demande, et décrit ce qui ne va pas.
PSS: Le comportement que tu veux ne serait pas simplement celui par défaut du navigateur? C'est à dire celui que tu as si tu vires tout simplement ton CSS?
il faut distinguer deux choses ici: ce que tu veux signifier dans ton site, et la façon dont l'utilisateur va y naviguer.
Ce que tu veux faire ici, ce que tu veux signifier, c'est un scroll. Cela se fait tout naturellement en définissant la taille de ton objet (<img class="my-image".../> + .my-image { with: ...px; height: auto; }) et en laissant faire le navigateur: si l'image déborde, il mettra en place ce qu'il faut pour que l'utilisateur puisse naviguer dans cette image. Certains navigateurs feront une scrollbar (PC principalement), d'autres permettront de naviguer avec la molette (quadridirectionnelle chez certains) ou le bouton central (je l'utilise beaucoup), d'autres feront un style "drag&drop" (terminaux tacticles principalement, ce "drag&drop" vient souvent en complément de la scrollbar).
Là, vu le code fournit, tout problème que tu peux avoir vient de ton propre navigateur.
J'essaierai ceci:
main {
min-width: 1250px; /* pourquoi? */
overflow: auto; /* On peut s'en passer: c'est la valeur par défaut */
}
main > img {
width: 100%;
height: auto;
}
PS: évite la réponse-type "Ca marche pas"; si cela ne fait pas ce que tu veux, comprends bien l'effet de chaque ligne, au besoin demande, et décrit ce qui ne va pas.
PSS: Le comportement que tu veux ne serait pas simplement celui par défaut du navigateur? C'est à dire celui que tu as si tu vires tout simplement ton CSS?