Problème enregistrement css

Résolu
Hello, je suis en train de faire mon propre site, et j'ai un problème.

Je le fait avec notepad++ .

Je fais donc mon dossier en langage css, jusque là ça va, ensuite, je vais pour enregistrer: fichier, enregistrer sous, nom du fichier.css, enregistrer, mais là, à la place d'être sous un dossier css, ce dossier se trouve en bloc-notes.

Etonnant
Configuration: Windows XP
Internet Explorer 7.0

14 réponses

  1. tu ouvre un dossier quelcqonque puis

    outils>options des dossiers>affichage>

    et tu decoche l'option afficher l'extension des fichiers dont le type est connu.

    et ressaye d'enregistrer en mettant lors de l'enregistrement nom_de_fichiers.css pense bien a ne pas mettre de .txt a la fin ;)

    si jamais le notepad continue a te l'enregistrer en txt, alors une fois que tu as enregistré tu quitte le notepad et tu renome nom_de_fichiers.css.txt en nom_de_fichiers.css tu aura une demande de confirmation pour changer l'estension, tu fais oui bien sur ^^
    1. Contributeur
      salut

      Quand tu dis ce dossier se trouve en bloc note
      Tu veux dire qu il s ouvre via le bloc note quand tu double clic desus ?
      1. Contributeur
        re

        SOUS notpad++ tu fais langage css ok , mais tu enregistre : nomdufichier.css ?
        Car oui moi quand je travail sur mon ordi avec notpad et sans editeur html (dream ou autre) si j essais d ouvrir mon fichier .css , ça m ouvre dans le bloque note

        Essais de faire un clic droit dessus et : ouvrir avec :choisir le programme : ton editeur html
        Tu coches : toujour utiliser ce programme pour ouvrir ce type de fichier.

        Par defaut (de mémoire) l ordi ouvre ce genre de fichier en .text
        Mais l extention apporté sur la racine de l hebergeur est en .css , tu ne peu pas le voir

        1. Contributeur
          SALUT
          Vu que tu galere!!
          le plus simple et de faire apparaitre les extentions des fichiers sur ton pc !! de cette maniere tu pourras les changer a ta guise !!

          voila comment faire:

          tu double-cliques sur Poste de travail.

          Ensuite tu vas cliquer sur Outils puis sur Options des dossiers.

          Puis tu cliques sur l'onglet Affichage et tu vas décocher la case Masquer les extensions des fichiers dont le type est connu.

          Tu cliques sur Appliquer puis sur OK. et tu veras les extension :-))


          RAD
          1. Contributeur
            Bonjour,

            Qu'est-ce que c'est un “dossier en langage css” ?
            Et qu'il “se trouve en bloc-notes” ?

            le Site du Zér0 parle de “fichier” :
              “• Dans un fichier .css : ”
              “on écrit du code CSS dans un fichier spécial”
              “un exemple de fichier CSS sous Notepad++”

            Si tu parles bien d'un fichier qui est ta feuille de style en CSS et que tu as enregistré sous “nom_du_fichier.css” et dont l'icône est celle d'un document du Bloc-notes et que le Bloc-notes se lance lorsque tu double clique sur ce fichier, alors essaye de changer ça : Associer des extensions

            --
            1. Oui merci, ça marche très bien maintenant. Je profite de ce message pour vous poser une autre question, je ne sais pas si je dois recréer une discussion?

              Pourriez-vous m'expliquer pourquoi cela ne fonctionne pas...

              Code : HTML
              <p>
              Je ne sais pas pourquoi ça ne marche pas: <q class="chaud">puisque les codes semblent justes</q><br />
              </p>

              Code : CSS.important

              .chaud
              {
              color: red;
              font-size: 20px;
              }

              merci
              1. Pardon voilà ce que je voulais mettre...

                Code : HTML

                <p>
                Je ne sais pas pourquoi ça ne marche pas: <q class="chaud">puisque les codes semblent justes</q><br />
                </p>

                <gras>Code : CSS

                .chaud
                {
                color: red;
                font-size: 20px;
                }

                merci
                1. Contributeur
                  re

                  je débute ^^

                  Pas vu ça dans le tuto moi

                  Si tu veux mettre un style spécial sur le (quote) met le via le css avec un autre balise
                  vu que tu le nomes pour le mettre en forme
                  Comme pour l'ID
                  Mais au milieu ça me surprend :)
                  Je vais dire une bétise , peu être

                  <div id=mainframe">
                  <p>xxxxxxxxxxxxxxxxxxxxx</p>
                  <q class="chaud">
                  <p>xxxxxxxx</p>
                  </div>

                  d ailleur fou quoi le <br/> ici :)

                  "mainframe
                  {

                  }
                  .chaud
                  {
                  color: red;
                  font-size: 20px;
                  }

                  Mais je dis peu être une grosse B..... je le redis je débute aussi hein !!!!
                  pas taper, d ailleur suis pas sur que l on doive fermer la balise <q

                  1. Contributeur
                    NON c est plus compliquer pour les Quotes sur IE !!

                    voila la solution :

                    1 tu vas creer un fichier texte

                    dans ce fichier tu vas copier le code ci dessous

                    Code
                    <public:attach event="oncontentready" onevent="init()" />
                    <script type="text/javascript">
                    /*
                     * This will make each level of nested quotes alternate between
                     * single and double quotes.
                     * Reference: https://en.wikipedia.org/wiki/Quotation_mark
                     */
                    var quotes = {
                    	even : {open:0x201C, close:0x201D },
                    	odd  : {open:0x2018, close:0x2019 }
                    };
                    /* Returns the level that a tag is nested within itself  */
                    function getNestedLevel(tagName,node,cLevel){
                    	var level = 0;
                    	var parent = node.parentNode;
                    	if(parent != null){
                    		if(node.parentNode.tagName == tagName){
                    			level++;
                    		}
                    		level += getNestedLevel(tagName,parent,level);
                    	}
                    	return level;
                    }
                    function init() {
                    	var nestedLevel = getNestedLevel(this.tagName,this,0);
                    	var type = (nestedLevel%2==0) ? "even":"odd";
                    	var openQ  = document.createTextNode(
                    		String.fromCharCode(quotes[type].open));
                    	var closeQ = document.createTextNode(
                    		String.fromCharCode(quotes[type].close));
                    	this.insertBefore(openQ,this.firstChild);
                    	this.appendChild(closeQ);
                    }
                    </script>
                    

                    tu enregistre avec l extention .htc : exemple "Quotes .htc"

                    et dans ton css tu rajoute cette ligne qui appel le fichier .htc
                     q { behavior:url(Quotes.htc); }


                    et tu verras les Quotes meme sur IE7 :-))

                    RAD

                    1. Contributeur
                      Chez moi, ça marche.

                      C'est certainement ta manière placer ces lignes qui ne convient pas.

                      Le mieux serait que tu mettes le code de la page qui te sert de test.
                      Comme ça :
                      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                      <html>
                      
                      <head>
                      <title>Ça marche</title>
                          <meta http-equiv="Content-type" content="text/html; charset=utf-8">
                          <style type="text/css">
                          html, body {
                            margin: 0;
                            padding: 0;
                            text-align: center;
                            background-color: #b0c4de;
                            }
                          #conteneur {
                            position: relative;
                            margin: 0 auto;
                            width: 760px;
                            text-align: left;
                            border : 1px solid #f0ffff;
                            background-color: #f0ffff;
                            font-family: Tahoma, 'Trebuchet MS', Verdana, Optima, Papyrus, sans-serif;
                            }
                      .chaud 
                      { 
                      color: red; 
                      font-size: 20px; 
                      } 
                          </style>
                      </head>
                      <body>
                        <div id="conteneur">
                          <p> 
                          Je ne sais pas pourquoi ça ne marche pas: <q class="chaud">puisque les codes semblent justes</q><br /> 
                          </p> 
                        </div>
                      </body>
                      </html>

                      ++
                      Utilise ce bouton pour présenter ton code.
                      Il faut une espace avant le “:”. Un &nbsp; est encore mieux.
                      Et les quotes ont vraiment un usage spécifique. Si tu t'en sers pour autre chose que des citations, trouve autre chose.

                      --
                      1. Contributeur
                        tin lol juste pour une phrase ...

                        Je vais éviter les quote moi :p