Partage
  • Partager sur Facebook
  • Partager sur Twitter

un problème de pied

le pied du site ne fait pas l effet voulu

    18 avril 2006 à 12:38:46

    salut j ai un problème



    je suis entrain de creer pa page web et mon pied ne s affiche plus.avant, il s affichait mais plus maintenant. pouvez vous me dire pourquoi svp, voila mes codes
    <!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>vous voila sur la page "mirage 2000 ou vous apprendrez tout sur son histoire, ses performances, etc...</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=" images css/mirage2000.css" /></head>
                <body><div class="intérieur"><div id="entete"><h1>bienvenue sur mon site amusez vous bien :)</h1>
                        <img src="images css/banniere/f16.jpg" alt="f16" title="un f16 americain"/>
                            <img src="images css/banniere/su27.jpg" alt="su27" title="un sukhoï 27 soviétique"/>
                            <img src="images css/banniere/f117.jpg" alt="f117" title="un f 117 americain"/>
                            <img src="images css/banniere/f22.jpg" alt="f22" title="un f 22 américain"/>
                            <img src="images css/banniere/mirage2000.jpg" alt="mirage2000" title="un mirage 25000 francais"/>
                            </div>
                            <div id="menu"><h1>menu</h1>
                            <a href="index.html">aller a la page d accueil</a>ou on vous accueille bien
                            <div class="menuapprendre"><a href="apprendre.html">pour apprendre un peu sur les avions</a></div>
                            <div class="menuavions"><h2>les avions de chasse</h2>
                            <div class="francais"><h3>les francais</h3>
                            <div><a href="mirage2000.html">le mirage 2000</a></div>
                            <div><a href="mirage4.html">le mirage 4</a></div>
                            <div><a href="miragef1.html">le mirage f1</a></div>
                            <div><a href="mirage3.html">le mirage 3</a></div>
                            <div><a href="alphajet.html">l alphajet</a></div>
                            </div>
                            <div class="americains"><h3>les améreicains</h3>
                            <div><a href="f4.html">le f4 phantom 2</a><br/>
                            <div><a href="f5.html">le f5</a></div>
                            <div><a href="f14.html">le f 14</a></div>
                            <div><a href="f16.html">le f16</a></div>
                            <div><a href="f18.html">le f18</a></div>
                            <div><a href="f22/23.html">le f22 et f23</a></div>
                            <div><a href="f117.html">le f 117</a></div>
                            <div><a href="b2.html">le b2</a></div>
                            <div><a href="sr71.html">le sr 71 ou blackbird</a></div>
                            </div>
                            <div class="européens"><h3>les européens</h3>
                            <div><a href="tornado.html">le tornado</a></div>
                            <div><a href="jaguar.html">le jaguar</a></div>
                            <div><a href="kfir.html">le kfir</a></div>
                            </div>
                            <div class="russes"><h3>les soviétiques</h3>
                            <div><a href="mig23.html">le mig 23</a></div>
                            <div><a href="mig27.html">le mig 27</a></div>
                            <div><a href="mig29.html">le mig 29</a></div>
                            <div><a href="mig31.html">le mig 31</a></div>
                            <div><a href="su24.html">le sukhoï 24</a></div>
                            <div><a href="su25.html">le sukhoï 25</a></div>
                            <div><a href="su27.html">le sukhoï 27</a></div>
                            <div><a href="tu22.html">le tupolev 22</a></div>
                            <div><a href="tu160.html">le tupolev 160</a></div>
                            <div><a href="yak38.html">le yakovlev 38</a></div>
                            </div>
                            </div>
                            </div></div>
                            <div id="corps"><h1>le mirage 2000 le chasseur polyvalent francais le plus(ce que l on veut)</h1>
                            <p> le mirage 2000 est un avion a la voilure delta.<span class="barre">il a été concu en 1492, le jour de la dévcouvrte des amériques et créé par mon arrière grand père</span></p>
                            <p> même l avion le plus vieux date de plus tard: (1903 si mes souvenirs sont exacts)<br/>
                            donc cet avion est concu par dassault(fabriquant d avions)car le directeur: <strong>marcel bloch</strong>est mort et ca a marqué l aquipe(qui a alors décidé de concevoir le mirage 2000)</p>
                            <p>ce mirage 2000 est un chasseur <em>multirole</em>(fort en tout on dit aussi <em>polyvalent</em>)a la voilure delta(voir la page <a href="apprendre.html">la page apprendre dans la section ailes</a></p>
                              <p> il a donc été concu en1986 a cause de la mort de <em>marcel bloch</em>.<br/>
                                    et ce projet n a pas été réussi tout de suite, mais maintenant, le mirage 2000 est extraordinaire(mais il présente quelques simillitudes avfec ses grands frères que sont: le mirage 3 et 5 qui ont aussi la voilure delta, sont monoréacteurs(mono=seul) et monoplaces
                                    aussi). <br/>
                                    ce projet présente une histoire sensationelle (pour ceux qui viennent de fumer des substances euh on va ire bizzares) mais sinon son histoire est interessante</p>
                                    <ul class="lien1">
                                    <li><a href="#histoire">son histoire(du mirage 2000 pour ceux qui trouvent ce sujet sensas (si vous voyez de qui je voulais parler))</a></li>
                                    <li><a href="#données">quelques données sur notre avion(pas obligatiorement préféré</a></li>
                                    <li><a href="#photos">quelques photos du mirage 2000 pour admirer et savoir le reconnaitre</a></li>
                                    </ul>
                              </div>
                              <div id="pied"><p>copyright tout pourri corporation "1624" tous droits non réservés<br/>
                                                            pour me contacter <a href="mailto:kevin.dicks@wanadoo.fr">cliquez ici</a> vous pourez me dire tout ce que vous voulez
                                                            (améliorations ou autre)<a href="#debut">début de la page</a></p>
                                                            </div></div>
                    </body>
    </html>

    et maintenant le code css

    body
    {
            width: 100%;
            margin-top: none;
            background-color: white;
            margin: auto;
            margin-bottom: none;
            border-left: solid 3px black;
            border-right: solid 3px black;
    }
    #entete
    {

            height: 10%;
            margin-bottom: 1%;
    }
    #menu
    {

            float: left;
            width: 13%;
            border-right: 2px white solid;
            background-image: url("toutsite/menu.png");
            text-align: center;
    }
    #corps
    {

            margin-left: 13.5%;
            font-size: 1em;
            width: 86%;
    }
    }
    #pied
    {

            border: 10px black double;
            background-color: #6ea0d4;
            color: #19563e;
            margin-top: 16%;
            margin-left: 14%;
    }
    #menu a
    {
            font-size: 1.5em;
            color: grey;
            text-align: center
           
    }
    #menu a:hover
    {
            color: yellow;
            background-color: black;
            text-decoration: overline blink;
    }
    .intérieur
    {
            background-image: url("toutsite/pourfond.png");
    }
    #pied a:hover
    {
            text-decoration: none;
            color: yellow;
            background-color: blue;
            font-family: comic sans MS;
    }
    #pied a
    {
            text-decoration: overline blink;
            color: green;
    }
    p
    {
            font-family: comic sans MS;
            text-align: justify;
    }
    .menuapprendre
    {
            border: 3px solid black;
            margin-bottom: 3%;
            margin-top: 3%;
            background-color: #c4d2ed;
            text-decoration: underline overline
    }
    .menuapprendre:hover
    {
            background-color: grey;
            text-decoration: none;
    }
    .barre
    {
            text-decoration: line-through;
    }
    .lien1 a:visited, .lien1 a
    {
            color: grey;
            text-decoration: none
    }
    .lien1 a:focus, .lien1 a:hover
    {
            color: orange;
            text-decoration: underline overline
    }
    • Partager sur Facebook
    • Partager sur Twitter
      18 avril 2006 à 12:45:11

      ferme le div de ton pied de page et dit moi si ca change quelque chose
      <div id="pied"><p> tout pourri corporation 2006</p></div>
      • Partager sur Facebook
      • Partager sur Twitter
        18 avril 2006 à 19:27:44

        ca ne marche pas



        j ai refermé le div a la fin de mon pied mais ca ne marche pas tu peux aller voir ce que ca donne sur mon site c est sur la page mirage 200 dans le menu je ne sais pas quel probleme il y a dans mon code :Do_O j ai cherché pendant longteps mais j ai rien trouvé ben merci quand meme
        • Partager sur Facebook
        • Partager sur Twitter
          18 avril 2006 à 19:29:07

          Peut-tu nous donnez un lien stp? :-°
          • Partager sur Facebook
          • Partager sur Twitter
            18 avril 2006 à 19:31:15

            ah j ai oublié le lien je me suis aussi trompé c estr la page mirage 2000
            • Partager sur Facebook
            • Partager sur Twitter
              18 avril 2006 à 19:43:36

              Déja pour ton menu fait plutot:
              <div id="menu">
                 <div class="element_menu">
                    <ul>
                      <li></li>
                      <li></li>
                    </ul>
                 </div>
              </div>


              et puis pour ton lien c'est pas un lien.... donne nous un adresse du style: http://tonsite.com

              parce que la page mirage2000.html :-°
              • Partager sur Facebook
              • Partager sur Twitter
                19 avril 2006 à 12:51:30

                ben j ai essayé plusieurs choses différentes mais rien ne marche
                • Partager sur Facebook
                • Partager sur Twitter
                  19 avril 2006 à 13:14:47

                  Salut,

                  C'est quoi excatement ton problème ?

                  Pourquoi une feuille de style différente pour chaque page ?

                  Pourquoi un margin-left 140px à ton pied ?

                  Une classe ne doit pas commencer par un chiffre (.380) .

                  Tu devrais agrandir la largeur de ton menu et réduire la taille de police sur ta page.
                  • Partager sur Facebook
                  • Partager sur Twitter
                    19 avril 2006 à 15:03:22

                    je sais ca je le ferais dès que j aurai fini ma page du mirage 2000
                    mais j ai un probleme, le pied ne fait pas comme les autres pages
                    • Partager sur Facebook
                    • Partager sur Twitter

                    un problème de pied

                    × 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