IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

"On Scroll Effect Layout" ne fonctionne pas


Sujet :

Défilement en CSS

  1. #21
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Il faut modifier ligne 20.

    Apparemment, tu n'as pas "capté" que
    #bgfadewrap, #bgfadewrap > div {
    veut dire #bgfadewrap ET #bgfadewrap > div {

    Fais le ménage dans le code.
    Séparé les 2, pour éviter toute confusion.

  2. #22
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    Bonsoir NoSmoking,
    Effectivement... mais je ne comprends toujours pas la barre de scroll horizontale.
    Merci encore pour votre aide,
    dh

  3. #23
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    J'ai remis à jour
    http://lapagetest.fr
    Bonne soirée,
    dh

  4. #24
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    Bonjour à tous,
    Désolé jreaux62, je n'avais pas vu ta réponse. Cela ne change rien.
    J'ai toujours la ligne de scroll horizontale.
    Bonne journée,
    dh

  5. #25
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    re_bonjour,
    J'ai cherché dans ce que j'ai fait grâce à vous. Je suis retombé sur une version sans scroll horizontal auquel j'ai appliqué vos conseils (j'espère ne pas en avoir oublié).
    Le seul problème, c'est que depuis les changement de CSS (qui sont top), je n'ai plus de barre de scroll verticale lorsqu'on ouvre la fenêtre modale (courrier). Ce qui est embêtant sur téléphone portable.
    Merci encore à vous et bonne journée,
    dh
    PS : le tout se trouve sur :
    http://lapagetest.fr

  6. #26
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Dans le CSS de la page,

    SUPPRIME :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    /* ----------- */
    /* full screen */
    #bgfadewrap, #bgfadewrap > div {
      width: 100vw; /* largeur fenêtre */
      height: 100vh; /* hauteur fenêtre */
    }

  7. #27
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut

    Je l'avais testé, mais j'ai vu grâce à toi qu'il y avait un doublon de CSS.
    Pour le scroll vertical, as-tu une idée.
    J'ai regardé, ces en inversant les
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <link rel="stylesheet" type="text/css" href="" />
    Que je l'ai perdu
    SUper gros MERCI,
    dh

  8. #28
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Dans style.css :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .modal {
        position: fixed;
        right: o;
        top: 40px;
        /*overflow: hidden; *//* A SUPPRIMER */
    }

  9. #29
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    Trop facile je suis trop c***
    par contre, je me retrouve avec une ligne verticale blanche à droite lorsque la modale est ouverte.
    Je tente beaucoup de choses entre deux questions... beaucoup, mais je n'ai pas réussi à résoudre cela.
    J'ai mis le site à jour.
    As-tu une idée ?

    Bonne journée,
    dh

  10. #30
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut

    Attention au bête copier/coller, dans le fichier style.css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    .modal {
        position: fixed;
        right: 0;        /* non pas right: o; */
        top: 40px;
    }
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  11. #31
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    Bonjour ProgElecT,
    Effectivement, mais le problème perdure
    J'ai eu beaucoup de problème avec ce formulaire QUI FONCTIONNE (j'ai eu du mal).
    J'ai d'ailleurs lancé une autre discussion sur ce formulaire.
    En espérant régler ce problème de bande blanche avant (pas tous à la fois
    Merci beaucoup et bonne journée,
    dh

  12. #32
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    En mettant un :
    la barre ne s'affiche plus, et je n'ai qu'un "double scroll" sur portable (testé uniquement sur ordi).
    Je teste et je reviens vers vous.
    Merci à jreaux62 de m'avoir mis sur la voie
    Bonne journée,
    dh

  13. #33
    Membre éclairé
    Homme Profil pro
    Webdesigner
    Inscrit en
    Août 2014
    Messages
    445
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Août 2014
    Messages : 445
    Par défaut
    ça marche !!!!!
    Merci à tous, et BRAVO jreaux62 pour ton temps, ton talent et TA PATIENCE

  14. #34
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut

+ Répondre à la discussion
Cette discussion est résolue.
Page 2 sur 2 PremièrePremière 12

Discussions similaires

  1. Scroll sur un élément ne fonctionne pas
    Par PatSan dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 19/06/2013, 01h33
  2. [1.x] layout.php ne fonctionne pas bien
    Par daydream123 dans le forum Symfony
    Réponses: 3
    Dernier message: 02/10/2011, 11h04
  3. scrolling ne fonctionne pas
    Par zineb_cyn dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/10/2008, 15h55
  4. Fonction Quoted printable qui ne fonctionne pas.
    Par leCcsympas dans le forum C
    Réponses: 3
    Dernier message: 13/01/2007, 18h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo