Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème avec le css ou pas ?

l'accueil comme je veux et les autres non ??

Dom57190
    2 décembre 2005 à 20:19:18

    Voici ma racine du css que je mets à toutes les pages sauf à l'accueil :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
    <title>Bienvenue sur mon site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    /*
    Design d'exemple du Site du Zér0
    Réalisé par zaz, venom et mateo21
    http://www.siteduzero.com
    */

    body
    {
    width:760px;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    background-image:url("");
    background-color:rgb(82,173,248);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    }

    /* L'en-tête */

    #en_tete
    {
    width:760px;
    height:100px;
    background-image:url("");
    background-repeat:no-repeat;
    margin-bottom:10px;
    text-align:center;
    }


    /* Le menu */

    #menu
    {
    float:left;
    width:120px;
    }

    .element_menu
    {
    background-color:rgb(252,249,114);
    background-image:url("motif.png");
    background-repeat:repeat-x;

    border:2px dashed red;

    margin-bottom:20px;
    }


    /* Quelques effets sur les menus */


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

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

    .element_menu a
    {
    color:navy;
    }

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

    #partie_header
    {
    text-align:center;
    }

    /* Le corps de la page */

    #corps
    {
    margin-left:140px;
    margin-bottom:20px;
    padding:10px;

    color:black;
    background-color:rgb(252,249,114);
    background-image:url("motif.png");
    background-repeat:repeat-x;
    text-align:left;
    border:4px double maroon;
    }

    #corps h1
    {
    color:red;
    text-align:center;
    font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
    }

    .carre
    {
    list-style-type: square;
    }

    #corps h2
    {
    height:30px;

    background-image:url("titre.png");
    background-repeat:no-repeat;
    font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
    padding-left:30px;
    color:blue;
    text-align:left;
    }

    .liens_bas_page
    {
    text-align:center;
    }

    .souligne
    {
    text-decoration:underline
    }

    /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

    #pied_de_page
    {
    padding:10px;

    text-align:center;

    color:black;
    background-color:rgb(252,249,114);
    background-image:url("motif.png");
    background-repeat:repeat-x;

    border:4px double green;
    }
    </style>
    </head>

    Sur l'accueil je mets la même chose sauf dans le fichier html et ça ne me fait pas la même chose entre les deux, est-ce normal ? Je ne pense pas mais bon.

    Image utilisateur c'est la page d'accueil

    Image utilisateur celle-là c'est une autre page qui suis dans laquelle j'ai mis la racine :
    <link rel="stylesheet" media="screen" type="text/css" title="Designstyle" href="config.css" />

    Alors voyez-vous un problème dedans, une chose qui manque ?
    Merci d'avance pour les éventuelles réponses.
    • Partager sur Facebook
    • Partager sur Twitter
    Dom57190
      3 décembre 2005 à 10:21:30

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
      <head>
      <title>Bienvenue sur mon site</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">
      /*
      Design d'exemple du Site du Zér0
      Réalisé par zaz, venom et mateo21
      http://www.siteduzero.com
      */

      body
      {
      width:760px;
      margin:auto;
      margin-top:20px;
      margin-bottom:20px;
      background-image:url("");
      background-color:rgb(82,173,248);
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      }

      /* L'en-tête */

      #en_tete
      {
      width:760px;
      height:100px;
      background-image:url("");
      background-repeat:no-repeat;
      margin-bottom:10px;
      text-align:center;
      }


      /* Le menu */

      #menu
      {
      float:left;
      width:120px;
      }

      .element_menu
      {
      background-color:rgb(252,249,114);
      background-image:url("motif.png");
      background-repeat:repeat-x;

      border:2px dashed red;

      margin-bottom:20px;
      }


      /* Quelques effets sur les menus */


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

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

      .element_menu a
      {
      color:navy;
      }

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

      #partie_header
      {
      text-align:center;
      }

      /* Le corps de la page */

      #corps
      {
      margin-left:140px;
      margin-bottom:20px;
      padding:10px;

      color:black;
      background-color:rgb(252,249,114);
      background-image:url("motif.png");
      background-repeat:repeat-x;
      text-align:left;
      border:4px double maroon;
      }

      #corps h1
      {
      color:red;
      text-align:center;
      font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
      }

      .carre
      {
      list-style-type: square;
      }

      #corps h2
      {
      height:30px;

      background-image:url("titre.png");
      background-repeat:no-repeat;
      font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
      padding-left:30px;
      color:blue;
      text-align:left;
      }

      .liens_bas_page
      {
      text-align:center;
      }

      .souligne
      {
      text-decoration:underline
      }

      /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

      #pied_de_page
      {
      padding:10px;

      text-align:center;

      color:black;
      background-color:rgb(252,249,114);
      background-image:url("motif.png");
      background-repeat:repeat-x;

      border:4px double green;
      }
      </style>
      </head>


      Désolé je viens de savoir comment faire.

      Je viens de le mettre en ligne alors allez voir sur <lien url="http://tomorrow57.ifrance.com/"></lien> pour voir le problème, le fond doit être bleu clair et le corps de la page ne doit pas être aussi large.
      Alors que dois-je faire ?
      • Partager sur Facebook
      • Partager sur Twitter
      Dom57190
        4 décembre 2005 à 18:25:34

        Bonsoir,
        aucunes réponses depuis, c'est domage mais bon pour la largeur du corps j'ai trouvé une solution avec width.
        Mais la couleur ou même l'image de fond ne sont pas là alors que faire ?
        Si vous voulez d'autres infos demandez les moi, et allez aussi voir sur <lien url="http://www.kokoom.com/musicjeuxseriestv/"></lien>
        • Partager sur Facebook
        • Partager sur Twitter
        Dom57190
          8 décembre 2005 à 11:10:51

          Bonjour,
          pourquoi ma page a-t-elle un fond blanc alors que dans le css j'ai mis un fond en images et un en couleur bleu clair, d'ailleurs le voici :

          <style type="text/css">
          /*
          Design d'exemple du Site du Zér0
          Réalisé par zaz, venom et mateo21
          http://www.siteduzero.com
          */
                                 
          body
          {
             width:760px;
             margin:auto;
             margin-top:20px;
             margin-bottom:20px;     
             background-image:url("fondeclaircie8uo.jpg");
             background-color:rgb(82,173,248);
             background-repeat:no-repeat;
             background-position:center center;
             background-attachment:fixed;
          }
                                 
          /* L'en-tête */
                                 
          #en_tete
          {
             width:760px;
             height:100px;
             background-image:url("");
             background-repeat:no-repeat;
             margin-bottom:10px;
             text-align:center;
          }
                                 
                                 
          /* Le menu */
                                 
          #menu
          {
             float:left;
             width:120px;
             margin-left:20px;
          }
                                 
          .element_menu
          {
             background-color:rgb(252,249,114);
             background-image:url("motif.png");
             background-repeat:repeat-x;
             border:2px dashed red;
             margin-bottom:20px;
          }
                                 
          /* Quelques effets sur les menus */
                                 
                                 
          .element_menu h3
          {       
             color:blue;
             font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
             text-align:center;
          }
                                 
          .element_menu ul
          {
             list-style-image:url("puce.png");
             padding:10px;
             padding-left:20px;
             margin:0px;
             margin-bottom:5px;
          }
                                 
          .element_menu a
          {
             color:navy;
          }
                                 
          .element_menu a:hover
          {
             background-color:#B3B3B3;
             color:black;
          }
                                 
          #menu2
          {
             float: right;
             width: 120px;
          }
                                 
          #partie_header
          {
             text-align:center;
          }
                                 
          /* Le corps de la page */
                                 
          #corps
          {
             width:600px;
             margin-left:200px;
             margin-right:140px;
             margin-bottom:20px;
             padding:10px;
             font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
             color:black;
             background-color:rgb(252,249,114);
             background-image:url("motif.png");
             background-repeat:repeat-x;
             text-align:left;
             border:4px double maroon;
          }
                                 
          #corps h1
          {
             color:red;
             text-align:center;
             font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
          }
                                 
          .carre
          {
             list-style-type: square;
          }
                                 
          .cercle
          {
             list-style-type: circle;
          }
                                 
          .commence_a_zero
          {
             list-style-type: decimal-leading-zero;
          }
                                 
          .imageflottante
          {
             float: left;
          }
                                 
          .dessous
          {
             clear: both;
          }
                                 
          #corps h2
          {
             height:30px;
                                 
             background-image:url("titre.png");
             background-repeat:no-repeat;
             font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
             padding-left:30px;
             color:blue;
             text-align:left;
          }
                                 
          #corps h3
          {
             height:30px;
                                 
             background-image:url("titre.png");
             background-repeat:no-repeat;
             font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
             padding-left:30px;
             color:black;
             text-align:center;
          }
                                 
          .liens_bas_page
          {
             text-align:center;
          }
                                         
          .souligne
          {
             text-decoration:underline
          }
                                 
          .strong
          {
             font-weight: bold;
          }
                                 
          .em
          {                     
             font-style:italic;
          }
                                 
          a img
          {
             border: none;
          }
                                 
          /* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
                                 
          #pied_de_page
          {
              padding:10px;
              width:760px;
              text-align:center;
              margin-left:30px;
              color:black;
              background-color:rgb(252,249,114);
              background-image:url("motif.png");
              background-repeat:repeat-x;
              float:left;
              border:4px double green;
          }
          </style>
          Voici la racine de mon CSS (que j'ai appelé config.css)et voici le début d'une de mes pages web :

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
              <head>
                  <title>Bienvenue sur mon site</title>
                  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                  <link rel="stylesheet" media="screen" type="text/css" title="Designstyle" href="config.css" />
              </head>
                 
              <body>

          Alors selon vous quel est ou quels sont les problèmes pour que je n'ai pas de fond soit en couleur ou soit en image ??
          Aidez-moi s'il vous plait :(
          • Partager sur Facebook
          • Partager sur Twitter

          Problème avec le css ou 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