Partage
  • Partager sur Facebook
  • Partager sur Twitter

Pb_BANNIERE

ne s'affiche pas

Sujet résolu
Anonyme
    5 mars 2006 à 18:29:39

    Bonjour. J'ai bien suivi le cours pour l'affichage d'image mais ça ne marche pas. J'ai créé 2 dossiers un "styles" contenant le code .css et l'autre "image" contenant la banière .jpg. J'ai I.E.

    <div id="en_tete"></div>

    Code .css
    body
    {
    width: 760px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color:rgb(255,255,255);
    }


    /* L'en-tête */

    #en_tete
    {
    width: auto;
    height: auto;
    background-image: url ("image/banniere.jpg");
    background-repeat: no-repeat;
    margin-bottom: auto;
    }


    Merci à tous pour l'aide que vous pouvez m'apporter.
    @+
    Doudoufly
    • Partager sur Facebook
    • Partager sur Twitter
    strucky
      5 mars 2006 à 18:36:40

      Salut,

      background–image: url (../image/banniere.jpg);

      • Partager sur Facebook
      • Partager sur Twitter
      Anonyme
        5 mars 2006 à 18:42:34

        Ne marche pas désolé.... :euh:<question></question>
        @+
        • Partager sur Facebook
        • Partager sur Twitter
        balboulloude
          5 mars 2006 à 18:45:00

          Ya pas un "s" a image(s) ?

          EDIt: attribut un taille (height:px; et width:px;) a ta div: #en_tete ;)
          • Partager sur Facebook
          • Partager sur Twitter
          Anonyme
            5 mars 2006 à 18:49:51

            Non il n'ya pas de (s) à image.

            #en_tete
            {
            width: 760px;
            height: 100px;
            background-image: url (image/banniere.jpg);
            background-repeat: no-repeat;
            margin-bottom: auto;
            }

            NE MARCHE TOUJOURS PAS o_O
            • Partager sur Facebook
            • Partager sur Twitter
            soulex
              5 mars 2006 à 18:52:09

              Bah.. met un lien absolu !
              • Partager sur Facebook
              • Partager sur Twitter
              xp77
                5 mars 2006 à 18:53:07

                As tu mis le chemin de ton code CSS?
                xp77
                • Partager sur Facebook
                • Partager sur Twitter
                balboulloude
                  5 mars 2006 à 18:53:42

                  oui tu la met carement sur internet et tu met un lien absolu :)
                  • Partager sur Facebook
                  • Partager sur Twitter
                  Anonyme
                    5 mars 2006 à 18:59:33

                    <head>
                    <link rel="icon" type="image/x-icon" href="favicon.ico" >
                    <title>SDLP</title>
                    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                    <link rel="stylesheet" media="screen" type="text/css" title="index" href="styles/index.css" />
                    <link rel="stylesheet" media="screen" type="text/css" title="menu" href="styles/menu.css" />

                    </head>

                    <body>
                    <div id="en_tete">
                    </div>

                    LIEN ABSOLU ??????????????
                    • Partager sur Facebook
                    • Partager sur Twitter
                    balboulloude
                    Anonyme
                      5 mars 2006 à 19:18:19

                      #en_tete
                      {
                      width: 760px;
                      height: 100px;
                      background-image: url ("http://sdlp17.free.fr/photos/petrolier.jpg");
                      background-repeat: no-repeat;
                      margin-bottom: 10px;
                      }

                      MARCHE PAS????????????????
                      • Partager sur Facebook
                      • Partager sur Twitter
                      strucky
                        5 mars 2006 à 19:43:00

                        C'est

                        height: 167px;


                        Et enlèves les guillemets.
                        • Partager sur Facebook
                        • Partager sur Twitter
                        balboulloude
                          5 mars 2006 à 19:48:24

                          background-image: url (http://sdlp17.free.fr/photos/petrolier.jpg);

                          :D
                          • Partager sur Facebook
                          • Partager sur Twitter
                          Anonyme
                            5 mars 2006 à 19:53:13

                            marche pas rrrrrrrrrrrrrrrrrrrrr!!!!!! allez y
                            http://sdlp17.free.fr/

                            height: 167px;
                            et url(http://sdlp17.free.fr/photos/petrolier.jpg);
                            • Partager sur Facebook
                            • Partager sur Twitter
                            strucky
                              5 mars 2006 à 20:08:41

                              Il n'y pas d'espace entre url et la parenthèse !!

                              background–image: url(http://sdlp17.free.fr/photos/petrolier.jpg);
                              • Partager sur Facebook
                              • Partager sur Twitter
                              Anonyme
                                5 mars 2006 à 20:40:30

                                :D CA MARCHE MERCI BEAUCOUP TOUT CA POUR UN ESPACE :p
                                EN TOUT CAS MERCI ET C'EST LE MEILLEUR SITE QUE JE CONNAISSE POUR LES DEBUTANTS EN INFORMATIQUE. ;)

                                @+

                                DOUDOUFLY
                                • Partager sur Facebook
                                • Partager sur Twitter

                                Pb_BANNIERE

                                × 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