[RESOLU] scroll vertical

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] scroll vertical

Re: scroll vertical

par Nazim13013 » 16 déc. 2019, 17:30

c'est bon je l'ai juste mis dans une <table> avec que des colonne et voila

Re: scroll vertical

par @rthur » 16 déc. 2019, 12:25

Le plus simple c'est de faire un container (un div) avec une largeur fixée et la propriété CSS overflow-x:scroll
https://developer.mozilla.org/fr/docs/W ... overflow-x

Ou sinon tu peux aussi utiliser une librairie javascript qui te permet de faire un slider/slideshow si tu veux quelque chose de plus abouti.

Re: scroll vertical

par Nazim13013 » 16 déc. 2019, 11:41

J'aimerais pouvoir mettre des screen de mon site pour que vous compreniez mieux ce que j'aimerais faire, c'est possible si vous n'êtes pas trop occupé de m'aider ? Merci d'avance.

Re: scroll vertical

par Spols » 16 déc. 2019, 11:10

si tu veux pouvoir scroller vers la droite tu ne sera plus responsive

tu peux aussi avoir un width en pourcent supérieur à 100

Re: scroll vertical

par Nazim13013 » 16 déc. 2019, 10:28

mais si je lui définis un width il ne sera plus responsive non ?

(merci pour toute l'aide apporter dans mes 2 topic)

Re: scroll vertical

par Spols » 13 déc. 2019, 22:28

il faut lui donner une largeur (width) défini à ton conteneur. avec 100% tu prends tout la largeur de l'écran,

scroll vertical

par Nazim13013 » 13 déc. 2019, 15:48

Bonjour, j'aimerais faire en sorte que lorsque mes données dépassent la zone en vertical elle continue et pour y accéder on scroll vers la droite

Difficile d'être claire sans screen, mais étant nouveau je ne trouve pas comment faire.

Voici les bouts de code pris en compte :
<footer >
        <a href="TablePublic.php" class="bouton2">1</a>  
        <a href="TablePublic-2.php" class="bouton2_grey">🔒</a> 
        <a href="TablePublic-3.php" class="bouton2_grey">🔒</a>
        <a href="TablePublic-4.php" class="bouton2_grey">🔒</a>
        <a href="TablePublic-4.php" class="bouton2_grey">🔒</a>
        <a href="TablePublic-4.php" class="bouton2_grey">🔒</a>
</footer>
footer {
    position: fixed;
    padding-top: 2%;
    padding-bottom:2%;
    overflow-y: scroll;
    left:0;
    Bottom : 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background:linear-gradient(#06046e, #010431);
}