Partage
  • Partager sur Facebook
  • Partager sur Twitter

Design qui ne marche pas

Sujet résolu
    23 décembre 2005 à 0:14:07

    Voici mon dégradé : Image utilisateurImage utilisateur

    pour mon menu a gauche http://toony442.free.fr et voici mon code css :

    h6
       color: green;
    {   
       font-family:"Cosmic Ms"; Arial
       text-align: center;
    }

    h5
    {   
       color: red;
       font-family:"Cosmic Ms"; Arial
       text-align: center;
    }

    strong
    {
       color:#000000;
    }

       h3
    {   
       color: #ffffff;
       font-family:"Cosmic Ms"; Arial;
    }

    input, textarea
    {
       font-family: "Cosmic Ms", Arial;
    }

    input:focus, textarea:focus /
    {
       background-color: #ff2909;
    }

    label
    {
       color: #0315ff;
    }

    legend
    {
       font-family: Arial;
       color: #FF9933;
       font-weight: bold;
    }

    fieldset
    {
       margin-bottom: 15px;
       background-color: #FFFFCC;
    }

    caption
    {
       margin: auto;
       font-family: Arial;
       font-weight: bold;
       font-size: 1.1em;
       color: #ff180f;
       margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
    }

    table /* Le tableau en lui-même */
    {
       margin: auto; /* Centre le tableau */
       border: 4px outset red; /* Bordure du tableau avec effet 3D (outset) */
       border-collapse: collapse; /* Colle les bordures entre elles */
    }

    th /* Les cellules d'en-tête */
    {
       background-color: yellow;
       color: red;
       font-size: 1.1em;
       font-family: Arial;
    }

    td /* Les cellules normales */
    {
       border: 2px solid red;
       font-family: "Comic Sans MS";
       text-align: center; /* Tous les textes des cellules seront centrés*/
       padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    }

    td, th /* Toutes les cellules des tableaux... */
    {
       border: 2px solid red;
    }

    table
    {
       border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
       color: yellow;
       font-family: "Comis Sans Ms";
       text-align: center;
    }


    a
    {
       text-decoration: none;
       color: yellow;
       font-style: italic;
    }

    h4
    {
      color:red;
      font-size: 28px;
    }

    p       
    {
      color:yellow
     
    }

    body
    {
       width: 728px;
       height: 90px;
       margin: auto;
       margin-top: 20px;
       margin-bottom: 20px;   
       background-image:url("");
       background-attachment: fixed;
    }

    /* L'en-tête */

    #en_tete
    {

       width: 760px;
       height: 100px;
       background-image: url("images/banniere.png");
       background-repeat: no-repeat;
       margin-bottom: 10px;
    }


    /* Le menu */

    #menu
    {

       float: left;
       width: 120px;
    }

    .element_menu
    {
       background-color: #f9e31b;
       background-image: url("bleu/fbleu1.png");   
       border: 2px solid black;   
       margin-bottom: 18px;
    }


    /* Quelques effets sur les menus */


    .element_menu h3
    {   
       color: yellow;
       font-family:"Cosmic Ms"; Arial;
       text-align: center;
    }

    .element_menu li
    {
    color: red
    }


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


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


    /* Le corps de la page */

    #corps
    {

       margin-left: 140px;
       margin-bottom: 20px;
       padding: 5px;   
       color: #f9e31b;
       background-color: #f9e31b;
       background-image: url("bleu/fbleu2.png");   
       border: 2px solid black;
    }

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

    #corps h2
    {
       height: 30px;
       background-image: url("");
       background-repeat: no-repeat;   
       padding-left: 30px;
       color: #5a5ec8;
       text-align: left;
    }


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

    #pied_de_page
    {

       padding: 3px;
       text-align: center;
       color: #5a5ec8;
       background-color: #f9e31b;
       background-image: url("bleu/fbleu2.png");   
       border: 2px solid black;
    }


    Mais le problème c'est que mon site reste jaune pk ?
    Et quand je met mon dégradé sur le serveur il y est pas a l'adresse http://toony442.free.fr/css/bleu/fbleu1.png
    alors que les autres images y sont pk ?
    Sa me fé ca qu'avec mes dégradés ?
    Merci
    • Partager sur Facebook
    • Partager sur Twitter
      23 décembre 2005 à 1:32:12

      Tu peux pas mettre deux fois un background à une partie de ton design :


      .element_menu
      {
         background-color: #f9e31b;
         background-image: url("bleu/fbleu1.png");   
         border: 2px solid black;   
         margin-bottom: 18px;
      }


      Remplace par :

      .element_menu
      {
         background-image: url("bleu/fbleu1.png");   
         border: 2px solid black;   
         margin-bottom: 18px;
      }


      Et là, le background de ton menu sera ton dégradé. Fais pareil pour ton corps de page, etc..
      Evite les guillemets pour appeller ton image, mais l'url de tes images sont mauvaises. Peut-etre un problème de majuscules car Free fait la différence entre Verif.php et verif.php...

      Vala bonne chance!
      • Partager sur Facebook
      • Partager sur Twitter
        23 décembre 2005 à 2:07:32

        toony442, en regardant ton design je viens de me tuer les yeux
        • Partager sur Facebook
        • Partager sur Twitter

        Design qui ne marche 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