Partage
  • Partager sur Facebook
  • Partager sur Twitter

baniaire ne s'afiche pas

    10 février 2006 à 16:31:49

    j´ai un problaime avec mon site je n´arrive pas a mettre une baniaire donc voici mes 2 fichier

    fichier xhtml

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
       <head>
           <title>Exemple d'utilisation de CSS externe</title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
           <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="essai2.css" />
       </head>

       <body>

           <!-- L'en-tête -->

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

           <!-- Les menus -->

           <div id="menu">       
               <div class="element_menu">
                   <h3>Titre menu</h3>
                   <ul>
                       <li><a href="page1.html">Lien</a></li>
                       <li><a href="page2.html">Lien</a></li>
                       <li><a href="page3.html">Lien</a></li>
                   </ul>
               </div>
           
               <div class="element_menu">
                   <h3>Titre menu</h3>
                   <ul>
                       <li><a href="page4.html">Lien</a></li>
                       <li><a href="page5.html">Lien</a></li>
                       <li><a href="page6.html">Lien</a></li>
                   </ul>
               </div>       
           </div>

           <!-- Le corps -->

           <div id="corps">
               <h1>Mon super site</h1>
           
               <p>
                   Bienvenue sur mon super site !<br />
                   Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
               </p>
           
               <h2>A qui s'adresse ce site ?</h2>   
               <p>
                   A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)<br />
                   Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
               </p>
               
               <h2>L'auteur</h2>   
               <p>
                   L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
                   Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
                   Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
               </p>
           </div>

           <!-- Le pied de page -->

           <div id="pied_de_page">
               <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
           </div>

       </body>
    </html>

    fichier css

    body
    {
       width: 760px;
       margin: auto;
       margin-top: 20px;
       margin-bottom: 20px;   
       background-image: url("images/fond.png");
    }

    /* L'en-tête */

    #en_tete
    {

       width: 760px;
       height: 100px;
       background-image: url("images/http://img375.imageshack.us/img375/5980/baniairesite5us.png");
       background-repeat: no-repeat;
       margin-bottom: 10px;
    }

    /* Le menu */

    #menu
    {

       float: left;
       width: 120px;
    }

    .element_menu
    {
       background-color: white;
       background-image: url("images/motif.png");
       background-repeat: repeat-x;
       
       border: 2px solid black;
       
       margin-bottom: 20px;
    }


    /* Quelques effets sur les menus */


    .element_menu h3
    {   
       color: black;
       font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
       text-align: center;
    }

    .element_menu ul
    {
       list-style-image: url("images/puce.png");
       padding: 0px;
       padding-left: 20px;
       margin: 0px;
       margin-bottom: 5px;
    }

    .element_menu a
    {
       color:black;
    }

    .element_menu a:hover
    {
       background-color: white;
       color: black;
    }


    /* Le corps de la page */

    #corps
    {

       margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
       margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
       padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
       
       color: black;
       background-color: white; /* Une couleur de fond pour le corps */
       background-image: url("images/motif.png");
       background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
       
       border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
    }

    le lien de mon image

    http://img375.imageshack.us/img375/5980/baniairesite5us.png

    ses quoi qui cloche dans tout sa o_O
    • Partager sur Facebook
    • Partager sur Twitter
      10 février 2006 à 16:37:42

      C'est bien beau de copier le code du tuto de M@téo. Mais penses à changer ce qui ne vas pas:
      background-image: url("images/http://img375.imageshack.us/img375/5980/baniairesite5us.png");

      Ton image est sur le net, enlève tout simplement le images/ et ça devrait aller après ;) .
      • Partager sur Facebook
      • Partager sur Twitter
        10 février 2006 à 21:34:36

        indique que ton probleme est resolu stp
        • Partager sur Facebook
        • Partager sur Twitter

        baniaire ne s'afiche pas

        × 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