Partage
  • Partager sur Facebook
  • Partager sur Twitter

Création d'un menu verticale en HTML (besoin d'aid

Sujet résolu
    6 février 2020 à 20:22:41

    Bonjour à toutes et à tous,

    J'ai du faire un site avec un design prédéfini par notre université (le design est moche mais j'ai pas le droit de le changer donc bon :/ ).

    J'aurais besoin d'aide sur plusieurs points.

    Voici l'url du site : https://website.yj.fr

    Lorsqu'on scroll vers le bas le menu verticale laisse un blanc entre le menu et le header. Comment puis-je résoudre ce problème (j'ai beau chercher sur internet mais je n'arrive vraiment pas à trouver).

    De deux, j'aurais besoin que mes images soit plus espacé les une des autres et que la dernière image ce retrouve en bas (j'ai pensé à faire des div à chaque fois mais ca ferais moche dans le code source... même chose pour le &nsap).

    Merci de bien vouloir m'aider.

    Ps: Je suis débutant en css donc faut pas trop m'en vouloir si vous voyez des fautes ou des bouts de codes qui servent à rien dans le style.css

    • Partager sur Facebook
    • Partager sur Twitter
      Staff 7 février 2020 à 8:52:17

      Bonjour,

      Mauvais forum

      Le sujet est déplacé de la section Discussions développement vers la section HTML / CSS

      • Partager sur Facebook
      • Partager sur Twitter
      Seul on va plus vite, ensemble on va plus loin ... A maîtriser : Conception BDD, MySQL, PHP/MySQL
        7 février 2020 à 9:11:21

        il est en fixed c'est normal :D
        • Partager sur Facebook
        • Partager sur Twitter

        Jeune et ambitieux Htmlspecialschars  - Var_dump | Raccourcit tes urls -> UrlV

          7 février 2020 à 9:15:18

          Vassili Joffroy a écrit:

          il est en fixed c'est normal :D

          Ahah merci bien :D. Ce que je me demandais : est-ce qu'il est possible de déplacer le texte du menu à chaque fois que l'on scroll ?

          Et merci au faite

          -
          Edité par Forcela8 7 février 2020 à 9:15:40

          • Partager sur Facebook
          • Partager sur Twitter
            7 février 2020 à 9:17:52

            c'est à dire ? de déplacer le texte du menu ?

            au passage met ta position en absolute et test dans ton navigateur, tu verras la différence ! :D

            -
            Edité par Vassili Joffroy 7 février 2020 à 9:19:01

            • Partager sur Facebook
            • Partager sur Twitter

            Jeune et ambitieux Htmlspecialschars  - Var_dump | Raccourcit tes urls -> UrlV

              7 février 2020 à 9:19:21

              Vassili Joffroy a écrit:

              c'est à dire ? de déplacer le texte du menu ?


              Oui que le texte se déplace lorsqu'on scroll vers le bas ou le haut (Je ne sais pas si c'est super précis comme indication mais bon ^^').
              • Partager sur Facebook
              • Partager sur Twitter
                7 février 2020 à 9:20:10

                je ne vois pas ce que tu veux dire, essaye ce que je t'ai dit et dis moi :D
                • Partager sur Facebook
                • Partager sur Twitter

                Jeune et ambitieux Htmlspecialschars  - Var_dump | Raccourcit tes urls -> UrlV

                  7 février 2020 à 9:32:09

                  Vassili Joffroy a écrit:

                  je ne vois pas ce que tu veux dire, essaye ce que je t'ai dit et dis moi :D


                  Je viens de tester, le problème est que le bacground du menu et le texte ne descende pas lorsque je rajoute du texte :/.

                  Tu peux vérifier par toi même eheh : https://www.website.yj.fr

                  Merci

                  • Partager sur Facebook
                  • Partager sur Twitter
                    7 février 2020 à 9:33:05

                    tu aimerais que le bg prennent toutes la place de gauche ? qu'il ni ai pas de blanc en haut et en bas ?
                    • Partager sur Facebook
                    • Partager sur Twitter

                    Jeune et ambitieux Htmlspecialschars  - Var_dump | Raccourcit tes urls -> UrlV

                      7 février 2020 à 9:37:30

                      Vassili Joffroy a écrit:

                      tu aimerais que le bg prennent toutes la place de gauche ? qu'il ni ai pas de blanc en haut et en bas ?


                      Exactement, j'ai essayé de changer la position du background mais je ne trouve pas ^^'.
                      • Partager sur Facebook
                      • Partager sur Twitter
                        7 février 2020 à 9:58:33

                        Vassili Joffroy a écrit:

                        https://stackoverflow.com/questions/22654776/make-vertical-menu-height-fit-100

                        https://www.google.com/search?newwindow=1&rlz=1C1GCEA_enFR884FR884&sxsrf=ACYBGNQ6_SVIec2hXS8LdEBIePBGOwXXmg:1581064734042&q=menu+take+all+height+css&spell=1&sa=X&ved=2ahUKEwj9n9uOhb_nAhWozYUKHVWTAEUQBSgAegQIDBAp&biw=1536&bih=754

                        dis moi si tu trouves ton bonheur


                        Yes, merci. J'ai trouver :D.

                        Dernière petite question, j'ai testé de mettre ma balise <ul> en text-align : center; mais ne fonctionne pas. Y-a-til une autre solution pour aligner au centre mes liens ?

                        Merci

                        • Partager sur Facebook
                        • Partager sur Twitter
                          7 février 2020 à 10:02:31

                          les liens dans les cases ?
                          • Partager sur Facebook
                          • Partager sur Twitter

                          Jeune et ambitieux Htmlspecialschars  - Var_dump | Raccourcit tes urls -> UrlV

                            7 février 2020 à 10:07:19

                            Vassili Joffroy a écrit:

                            les liens dans les cases ?


                            Oui, fin le texte qui sont dans les cases.
                            • Partager sur Facebook
                            • Partager sur Twitter
                              7 février 2020 à 10:09:12

                              Ils sont déjà centrer enfin je vois pas ou c'est pas centrer :'c
                              • Partager sur Facebook
                              • Partager sur Twitter

                              Jeune et ambitieux Htmlspecialschars  - Var_dump | Raccourcit tes urls -> UrlV

                                7 février 2020 à 10:11:47

                                Vassili Joffroy a écrit:

                                Ils sont déjà centrer enfin je vois pas ou c'est pas centrer :'c


                                Ahah oui mais ils ne sont pas centrer automatiquement :/ et bon c'est chiant je t'avoue de changer leur position en px :'(
                                • Partager sur Facebook
                                • Partager sur Twitter
                                  Staff 7 février 2020 à 11:08:11

                                  Forcela8 a écrit:

                                  Y-a-til une autre solution pour aligner au centre mes liens ?

                                  Sur ton ul, enlever le padding, mettre une largeur de 100% et un text-align center :

                                  .menuGauche ul {
                                      float: left;
                                      margin-top: 3px;
                                      padding: 0px;
                                      list-style-type: none;
                                      width: 100%;
                                      text-align: center;
                                  }

                                  Et, juste pour dire, "Accueil" ... pas "Acceuil" ... ça pique mes yeux :p

                                  • Partager sur Facebook
                                  • Partager sur Twitter
                                  Seul on va plus vite, ensemble on va plus loin ... A maîtriser : Conception BDD, MySQL, PHP/MySQL
                                    7 février 2020 à 11:24:07

                                    Benzouye a écrit:

                                    Forcela8 a écrit:

                                    Y-a-til une autre solution pour aligner au centre mes liens ?

                                    Sur ton ul, enlever le padding, mettre une largeur de 100% et un text-align center :

                                    .menuGauche ul {
                                        float: left;
                                        margin-top: 3px;
                                        padding: 0px;
                                        list-style-type: none;
                                        width: 100%;
                                        text-align: center;
                                    }

                                    Et, juste pour dire, "Accueil" ... pas "Acceuil" ... ça pique mes yeux :p

                                    Ahah javais remarqué aussi pour le mot accueil 😅, j'irais le changer plus tard ahah. Merci aussi.

                                    Je comprend cependant pas pourquoi enlever le padding pour que cela fonctionne :/ (pour que la prochaine fois, je ne face pas la boulette ahah).

                                    -
                                    Edité par Forcela8 7 février 2020 à 11:25:06

                                    • Partager sur Facebook
                                    • Partager sur Twitter
                                      Staff 7 février 2020 à 11:44:38

                                      Forcela8 a écrit:

                                      Je comprend cependant pas pourquoi enlever le padding pour que cela fonctionne

                                      Alors chaque navigateur a un style CSS par défaut. Si tu regardes dans la console de développement de ton navigateur tu verras ...

                                      Pour Chrome j'ai ça :

                                      De manière générale, il est intéressant d'utiliser un CSS Reset pour partir d'une feuille vraiment vierge en CSS. Les deux plus connus je crois :

                                      https://meyerweb.com/eric/tools/css/reset/

                                      https://github.com/necolas/normalize.css

                                      • Partager sur Facebook
                                      • Partager sur Twitter
                                      Seul on va plus vite, ensemble on va plus loin ... A maîtriser : Conception BDD, MySQL, PHP/MySQL

                                      Création d'un menu verticale en HTML (besoin d'aid

                                      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                      • Editeur
                                      • Markdown