Partage
  • Partager sur Facebook
  • Partager sur Twitter

J'aimerais mettre plusieurs images de fond

    27 mai 2024 à 16:10:34

    Bonjour, je voudrais mettre plusieurs images ou fond noir ou blanc qui fond toute la largeur du site à la suite sans barre de défilement et bordure sur les cotés.

    Si quelqu'un peut m'aider merci.

    • Partager sur Facebook
    • Partager sur Twitter
      27 mai 2024 à 16:53:09

      Bonjour, quelles sont vos recherches? Quel est le code que vous avez écrit?

      Pour une image de fond background-image ou la propriété CSS raccourcie background

       Voir le cours de ce site et la doc MDN.

      • Partager sur Facebook
      • Partager sur Twitter
        27 mai 2024 à 18:43:59

        J'ai utilisé le background-image
        • Partager sur Facebook
        • Partager sur Twitter
          27 mai 2024 à 19:22:13 - Message modéré pour le motif suivant : Message complètement hors sujet


            27 mai 2024 à 19:29:05

            Oui mais comment je fais pour en mettre plusieurs a la suite dans le body ??

            • Partager sur Facebook
            • Partager sur Twitter
              27 mai 2024 à 19:34:58

              Dans le body, tu peux utiliser la balise <section> pour déterminer les différentes sections/partie du site. Chaque section aura son image de fond.

              Le background ce n'est pas uniquement sur la balise body.

              J’espère avoir bien compris la problématique.

              • Partager sur Facebook
              • Partager sur Twitter
                27 mai 2024 à 20:05:43

                Ok ca marche merci par contre j'ai essayé de mettre un background dans mon header mais cela n'a pas marché est-ce normal ? Et la balise <section> c'est un peu comme le <div> ?

                -
                Edité par Lo1ic 27 mai 2024 à 20:06:52

                • Partager sur Facebook
                • Partager sur Twitter
                  27 mai 2024 à 20:07:57

                  Non ce n'est pas normal, postez le code que vous avez écrit en utilisant le bouton code </> de la barre d'outil du forum et une capture écran de la hiérarchie de vos fichier.

                  >> Et la balise <section> c'est un peu comme le <div> ?

                  Oui avec un sens sémantique en plus. <div> et <span> n'ont aucun sens sémantique.

                  Édit : Lien expliquant la sémantique :

                  -
                  Edité par AbcAbc6 27 mai 2024 à 20:19:38

                  • Partager sur Facebook
                  • Partager sur Twitter
                    28 mai 2024 à 10:12:56

                    CSS

                    .header_accueil{
                        margin: 0;
                        padding: 0;
                        background-image: url(../images/noir.jpg);
                        background-size: cover;
                        background-repeat: no-repeat;
                    }


                    HTML

                       <header class="header_accueil">
                        <nav id="navigation">
                    
                            <ul id="menuGeneral">
                                <li id="menu"><a><img src="images/menu.png" alt="barre" /> Menu</a></li>
                                <li id="logo"><a href="./?action=accueil"><img src="images/logoCNL.png" alt="logo" /></a></li>
                    
                                <li id="connexion"><a href="./?action=connexion"><img src="images/connexion.png" alt="loupe" /> Utilisateur</a></li>
                            </ul>
                        </nav>
                    
                        </header>



                    • Partager sur Facebook
                    • Partager sur Twitter
                      28 mai 2024 à 19:16:27

                      Bonsoir, Le code semble correct. Pourriez-vous poster une capture écran de la hiérarchie de vos fichiers?
                      • Partager sur Facebook
                      • Partager sur Twitter
                        28 mai 2024 à 20:06:04

                        -
                        Edité par Lo1ic 28 mai 2024 à 20:08:23

                        • Partager sur Facebook
                        • Partager sur Twitter
                          28 mai 2024 à 20:19:44

                          Oui mais la on imagine que les fichiers sont dans les répertoires correspondant.

                          Dans l'explorateur de fichiers, afficher les extensions.  Si vous avez renommer votre image il se peut de vous ayez "une doubles extensions". 

                          Ex noir.jpg.jpg

                          • Partager sur Facebook
                          • Partager sur Twitter
                            28 mai 2024 à 20:22:52

                            ceci est dans le fichier image

                            -
                            Edité par Lo1ic 28 mai 2024 à 20:23:42

                            • Partager sur Facebook
                            • Partager sur Twitter
                              28 mai 2024 à 20:36:07

                              Hum, je suis à court d'idée. Pourriez-vous me transmettre votre projet? En le zippant et en le transférant via https://wetransfer.com/ (cliquer sur les trois petit point pour obtenir un lien de transfère) et poster le lien ici, ou tout autre site de transfère de fichiers.

                              Si vous ne voulez pas rendre tous vos fichiers publique sur le forum utiliser la messagerie privée de ce site. Je regarderais ce qui ne vas pas.

                              • Partager sur Facebook
                              • Partager sur Twitter
                                28 mai 2024 à 23:23:35

                                Je t'ai envoyé normalement

                                Ca marche ?

                                • Partager sur Facebook
                                • Partager sur Twitter
                                  29 mai 2024 à 2:34:42

                                  Bonsoir, j'ai bien reçu votre projet. Vous pouvez utiliser l'inspecteur des élément pour inspecter votre page. Soit clique droit sur un élément puis inspecter soit la touche F12.

                                  La class n'est pas prise en compte car ce n'est pas le même nom. Pourtant dans le code posté sur le forum c'est le cas. Dans votre HTML vous avez écrit header_accueil et en L33 de base.css .header-accueil

                                  Cela dit comme noir.jpg est une image de couleur unie noir, il est plus léger d'utiliser une couleur, ce qui évite de télécharger 428Ko.

                                  Est-ce que vous arrivez à cliquer sur les liens de votre menu? Moi non, la faute à <div id="corps"> qui est positionné en absolu. Les éléments n'ont pas besoin d'être positionner, laisser les au maximum dans le flux courant.

                                  Mis à par si c'est un exercice sur les flottants, l'usage de positionnement par les flottants ne devrait plus ce faire depuis l'arrivée de flexbox et grid. Á l'origine les flottants servent à faire couler du texte autour d'une image (ou d'un block), le positionnement par flottant dans une page est un détournement car à l'époque il n'y avait rien d'autre à disposition, tout comme l'on été les tableaux.

                                  Autre chose : dans vue\enteteConnexion.html.php pour le mot de pass c'est un type password

                                  https://developer.mozilla.org/fr/docs/Web/HTML/Element/input/password

                                  -
                                  Edité par AbcAbc6 29 mai 2024 à 2:35:27

                                  • Partager sur Facebook
                                  • Partager sur Twitter

                                  J'aimerais mettre plusieurs images de fond

                                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                                  • Editeur
                                  • Markdown