Partage

CSS premier cours.probleme de fichier.

Comme pour les images sur HTLM pas de lignes en bleu.

Sujet résolu
3 janvier 2018 à 18:31:03

Bonjour,

J'ai un nouveau un probleme avec mon laptop. J'ai suivie a la lettre, le premier cours, fait excatement comme le tuteur le demande. Encore une fois pour une raison que j'ignore j'ai le site qui s'affiche correctement mais le site n'est pas en bleu.

Sublime texts ne sauve pas le code en CSS, mais sur notepad automatiquement ( meme si je choisis CSS)

Quand au code htlm , il automatiquement sauve sur Google chrome et une icone apparait.

J'ai mis le code CSS directement dans le html, et la ca apparait en bleu de suite.

Merci de votre aide.

-
Edité par FiranaNiu 3 janvier 2018 à 18:53:18

Staff 3 janvier 2018 à 19:07:58

Bonjour,

> Sublime texts ne sauve pas le code en CSS, mais sur notepad automatiquement ( meme si je choisis CSS)

C'est-à-dire ? Peux-tu nous faire une capture d'écran de ton dossier de travail ?

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
3 janvier 2018 à 19:22:09

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css"/>
<title>Premiers tests du CSS</title>
</head>
<body>
<h1>Mon super site</h1>
<p>Bonjour et bienvenue sur mon site !</p>
<P>Pour le moment, mon site est un peu <em>vide</em> .Patientez encore un peu.</p>
</body>
</html>

-
Edité par FiranaNiu 3 janvier 2018 à 19:23:25

Staff 3 janvier 2018 à 19:38:29

Ohh je vois :)

La confusion est facile. Ton fichier n'est pas "enregistré en Notepad" : c'est juste que par défaut c'est Notepad qui est associé aux fichiers CSS. Il te suffit de faire clic droit > ouvrir avec… et de choisir Sublime Text. Tu as normalement une option à cocher pour en faire le logiciel par défaut pour ces fichiers.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
3 janvier 2018 à 19:56:39

Bonsoir,

Vous voulez dire pour le fichier CSS? Parce que windows 10 ne me donne pas ce choix pour ouvrir CSS.J'ai regarder dans les properties aussi et sublime text n'apparait pour ouvrir CSS.Cela ne marche que si je code le CSS directement dans le HTML. Je crois que je ne comprends pas votre explication, pardon.

Je vais recommencer du debut

Merci Lamecarlate.

-
Edité par FiranaNiu 3 janvier 2018 à 20:08:25

3 janvier 2018 à 20:12:03

Bonjour FiranaNiu,

Tout d'abord, bonne année 2018 a toi !

---

FiranaNiu a écrit:

Bonsoir,

...

"fichiertest.htlm.htlm"

Alors attention c'est htMl et non htLm sinon tu risque d'avoir des petits soucis par la suite :)

---

Apparté fait, tout d'abord je pense qu'il y a une mauvaise compréhension du message de Lamecarlate.
Notepad ou sublime text, sont des éditeurs de texte, ils sont la pour pouvoir écrire du texte, sous n'importe qu'elle forme dans un fichier. Ce fichier peut être un .txt, .php, .css, .html, .ini.... pour lui il ne fait que l'éditer.

C'est a la personne de choisir l'extension du fichier, qui permet de préciser a l'ordinateur qu'elle genre de fichier c'est.

Cela se fait au moment de l'enregistrement, soit via nos petites mains a l'écrit,

Ici en zone 1 rouge, je ne précise pas a Windows de type de fichier, je dois alors en zone 2 bleu, lui préciser via .php

---

soit la boite de dialogue peut nous aider.

Ici en zone 1 rouge, je lui demande d'enregistrer mon fichier en php, donc en zone 2 bleu je lui donne qu'un nom, windows va lui meme mettre .php après :)

----

Si tu ouvres un fichier avec une extension dans un editeur de texte tel que test.html, il enregistrera toujours sous le format .html, pas besoin de lui respécifier ( Sauf si tu désire en enregistrer une copie "Enregistrer sous" )

----

Attention, si tu dois écrire nomfichier.html.html c'est que tu as surement pas activer l'affichage des extensions dans les dossiers windows : Je t'invite a suivre ce tuto pour le faire ( Malgré que j'ai un doute au vue de ton screen shot )

Afficher l'extension des fichiers sous Windows 10, Windows 8

    Ouvrir l'explorateur de fichiers (ouvrir un dossier par exemple)
    Cliquer sur l'onglet Affichage
    Sélectionner les Options (dans le ruban à droite)
    Sélectionner Modifier les options des dossiers et de recherche
    Cliquer sur l'onglet Affichage
    Décocher la case Masquer les extensions des fichiers dont le type est connu



Voir une araignée c'est rien ... Le pire c'est quand tu ne la vois plus !
3 janvier 2018 à 21:12:48

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="style.css" />
		<title>Premiers tests du CSS</title>
		</head>

		<body>
		<h1>Mon super site</h1>

		<p>Bonjour et bienvenue sur mon site !</p>
		<p>Pour le moment, mon site est un peu <em>vide</em>. Patientez encore un peu !</p>
		</body>
</html>
et pour l'autre fenetre:
p
{
	color: blue;
}
 

Bonsoir, Voici mon code, cela ne fonctionne toujours pas.

Je vais re-regarder pour les extensions fichier...je donne ma langue au chat.

Bonne Annee a toi aussi.

-
Edité par FiranaNiu 3 janvier 2018 à 21:47:40

3 janvier 2018 à 22:12:07

Bonsoir FiranaNiu,

Alors nous allons procéder en plusieurs étapes :

  • Tout d'abord, est-ce que ton fichier "style.css" est dans le même dossier que le fichier ".html" ?
    Si ce n'est pas le cas, tu as juste à déplacer ton fichier .css ou ton .html dans le même répertoire comme tu l'a mis en screen tout à l'heure.

  • Deuxièmement, erreur de nom :

Et oui cela peut paraître idiot mais il faut absolument que le fichier .css que tu es mis dans le répertoire et le même nom que celui que tu souhaite relier à ton .html

Je te précise ce point car j'ai pu voir que dans ton screen tu as mis"test.css"alors que dans ton .html tu appelles ce dossier"style.css".

Je pense que ton problème est juste cette erreur. Ne t'en fais pas, j'ai cru comprendre que tu débuté dans la programmation. C'est normal que tu fasses des erreurs, ça arrive à tout le monde, moi le premier :D .

En gros tu écris :



Voilà Voilà je pense que ce sujet est clos.

Bonne fêtes à tous !

M.PENAUD

-
Edité par Mathieu Penaud 3 janvier 2018 à 22:18:58

Etudiant en BTS Services Informatiques aux Organisation - Developpeur Jeux Vidéo / WEB / Objet
3 janvier 2018 à 22:39:35

Bonsoir Mathieu,

 Ca fonctionne!Bien vu-Oui je suis nouvelle et je fais vraiment des erreurs idiotes:( J'aurais du y penser, vu que pour les autres facon fonctionnait du premier coup. Je fais ce cours tard en journee, et c'est pas une bonne idee non plus. Merci beaucoup de ton aide.

Oui le sujet est clos. 

Tres belles annee 2018!

4 janvier 2018 à 10:14:21

Pas de problème, je suis disponible par mail  à mathieu.penaud99@gmail.com

Je pourrais te faire suivre mon site : 

Https://chamaello.com pour essayer de comprendre la prog vraiment simplement mais il n'est pas encore fini.

N'hésite vraiment pas à me contacter, je suis là pour ca justement :) un petit doute qui te taquine, contact moi et je te répondrai avec plaisir 

Etudiant en BTS Services Informatiques aux Organisation - Developpeur Jeux Vidéo / WEB / Objet
4 janvier 2018 à 12:45:39

Merci bcp Mathieu, il faut que j'apprenne a bien tout regarde et surtout a mettre le bon nom de chemin. Je n'y manquerai pas si j'ai vraiment besoin.

Bonne Journee a toi.

x

CSS premier cours.probleme de fichier.

× 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