Partage
  • Partager sur Facebook
  • Partager sur Twitter

problème avec le css

utilisation du javascrips et du css pour imprimer

Thort
    12 février 2006 à 0:39:23

    Bonjour.



    j'ai un problème avec mon css d'imression

    les menus, en tête et pied de page ne disparaissent pas. et le reste n'est pas réepecté (comme les couleurs)

    voici mon code

    body
    {   
            background-color: #FFFFFF; /*blanc*/
    }

    #en_tete
    {
            display: none;
    }

    #menu
    {
            display: none;
    }

    #corps
    {
            color: #0d0d0d; /*noir*/
    }

    #corps h2
    {
            color: #1b7e00; /*vert foncé*/
            text-align: left;
            font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
            margin-top: 80px;
    }


    .plan /* le vous êtes ici ==> */
    {
            font-family: "times New Roman", Times, Serif;
            font-size: 80%;
            color: #5e1100; /* marron*/
            margin-bottom: 70px;
            margin-top: 70px;
    }

    #corps img
    {
            float: left;
            margin-top: 3px;
            margin-right: 7px;
    }

    #corps a
    {
            color: #363636; /*gris foncé*/
            border-bottom: dotted 1px;
            text-decoration: none;
       
    }

    #corps p
    {
            text-indent: 30px;
            font-family: "Comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
    }

    #corps .define
    {
            color: #001ab7; /* bleu foncé*/
            border: none;
    }

    #corps .lexique
    {
            text-indent: 0px;
    }

    #corps .lexique:first-letter
    {
            color: #0d0d0d; /*noir*/
            font-weight: normal;
            font-size: 1em;
    }

    p:first-letter
    {
       font-weight: bold;
       font-size: 1.2em;
       color: #001ab7; /* bleu foncé*/
    }

    .plan:first-letter
    {
       font-weight: bold;
       font-size: 1.2em;
       color: #0d0d0d; /*noir*/
       font-family: "times New Roman", Times, Serif;
    }

    .videos
    {
            text-align: center;
            font-style: italic;
            font-family: "Times New Roman", Times, serif;
            color: #5e1100; /* marron*/
    }

    #plan a
    {
            color: #c900c3; /*violet*/
            border-bottom: dotted 1px;
            text-decoration: none;
    }

    #plan h3
    {
            color: #0d123e; /* bleu nuit */
    }

    #plan li
    {
            color: #001ab7; /* bleu foncé*/
            padding-top: 1px;
            padding-bottom: 1px;
    }

    #plan i
    {
            color: #0d0d0d; /*noir*/
    }

    #pied_de_page
    {
            display: none;
    }


    et une page xhtml au hasard
    <!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>ACCUEIL ==> Présentation du TPE </title>
           <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>          
              <!-- les fichiers css pour le design   design + impression -->
               <link rel="stylesheet" media="screen" type="text/css" title="design-source" href="design/design.css" />
               <link rel="stylesheet" type="text/css" media="print" href="design/impression.css" title="css-impression" />
       </head>

       
       
    <body>

         <!-- L'en-tête -->
    <div id="en_tete">
            <img class="gauche" src="sources-images/bass.gif" alt="bass" /> <img src="sources-images/banr.gif" alt="TPE SUR LE Son et les Avalenches" /> <img class="droite" src="sources-images/afloc.gif" alt="bass" /> 
    </div> 
       
    <!-- le menu-->
    <div id="menu">
            <h3>Accueil</h3>
                    <ul>
                            <li><a href="index.html">Présentation du TPE</a></li>
                            <li><a href="plan.html">plan du site</a></li>
                            <li><a href="javascript:window.print()">Imprimer cette page</a></li>
                    </ul>
     
            <h3>Recherche problématique</h3>
                    <ul>
                            <li><a href="cheminement.html">Notre cheminement</a></li>
                            <li><a href="problematique.html">Pourquoi celle-ci ?</a></li>
                    </ul>
           
            <h3>Avant de commencer</h3>
                    <ul>
                            <li><a href="formation.html">Formation d'un flocon</a></li>
                            <li><a href="manteau.html">Le manteau neigeux</a></li>
                            <li><a href="ondes.html">Les types d'ondes</a></li>
                    </ul>
           
            <h3>L'expérience</h3>
                    <ul>
                            <li><a href="montage.html">Le montage</a></li>
                            <li><a href="reussites.html">Les réussites</a></li>
                            <li><a href="echecs.html">Les échecs</a></li>
                    </ul>
           
            <h3>Exploitations des données</h3>
                    <ul>
                            <li><a href="resultats.html">Résultats de l'expérience</a></li>
                            <li><a href="exploitation.html">Exploitations</a></li>
                            <li><a href="applications.html">Applications pratiques</a></li>
                    </ul>   

            <h3>Annexes</h3>
                    <ul>
                            <li><a href="lexique.html">Lexique</a></li>
                            <li><a href="bibliographie.html">Bibliographie</a></li>
                            <li><a href="auteurs.html">Les auteurs</a></li>
                            <li><a href="w3c.html">Le W3C</a></li>
                            <li><a href="telecharger.html">Télécharger</a></li>
                    </ul>      
    </div> <!-- fin de id="menu" -->
       
       
    <!-- Le corps --> 
    <div id="corps">
            <p class="plan">Vous êtes ici ==> Accueil ==> Présentation du TPE</p>

            <p> Nous allons vous présenter le fruit de notre travail, sur le thème l'homme et l'environnement :
            nous avons travaillé sur l'influence du son sur le déclenchement des avalanches et, de ce fait, sur les forces
            agissant sur la couche superficielle. Nous allons d'abord présenter notre "parcours" jusqu'à la problématique,
            puis l'étude des facteurs qu'elle regroupe et enfin notre expérience, ainsi que diverses applications pratiques.
            </p>
           
           
                           
    </div> <!-- fin de id="corps" -->

              

    <!-- Le pied de page -->
    <div id="pied_de_page">
            <p>
                    <span class="gauche"><img src="sources-images/vxhtml.png" alt="Page valide XHTLM strict" height="25" width="72" />
                            <a href="http://validator.w3.org/">Site valide XHTMl strict.</a>
                            <img src="sources-images/vcss.png" alt="Fueille de style CSS Valide" height="25" width="72" />
                            <a href="http://jigsaw.w3.org/css-validator/">Feuille de Style CSS Valide.</a> </span>
                    <span class="droite">Production originale pour le TPE "Le Son est les Avalanches". </span>
            </p>
    </div> <!-- fin de id="pied_de_page" -->

    </body>
    </html>



    Merci

    • Partager sur Facebook
    • Partager sur Twitter
    5.56 mm
      12 février 2006 à 1:24:11

      ca marche impec' chez moi (http://img75.imageshack.us/img75/3221/fffff7ng.gif)
      tu es sur du chemin vers ton fichier ccs et/ou de son nom de fichier ?
      • Partager sur Facebook
      • Partager sur Twitter
      Thort
      Thort
        16 février 2006 à 20:34:17

        petit up, je vois pas d'ou vient le problème.

        voice mon dossier le dossier 800 ko environ

        PS : j'ai testé au lycée mais sa ne fonctionne pas non plus. le css fonctionne mais pas la propriété display pour enlever l'entête menu et pied de page.

        merci à vous.
        • Partager sur Facebook
        • Partager sur Twitter
        Thort

        problème avec le css

        × 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