Openclassroom sur le forum Informatique - 07-09-2020 16:24:59

Liste des sujets

Openclassroom

Martins01

Niveau 18

07 septembre 2020 à 16:24:59

Bonjour à tous. Je m'entraine en ce moment sur openclassroom pour bien commencé l'année car en octobre je rentre en bachelor développeur web. Et là j'arrive pas à faire un truc. En faite je suis sur le chapitre Mettez en place le CSS, et je travaille avec Sublime Text 3, j'ai suivis les indications qu'il y a sur openclassroom mais je n'y arrive pas. J'ai d'abord enregistré le fichier html, puis aussi le fichier css, les deux dans un même fichier, mais le programme ne s'applique pas. Le CSS étant pour mettre de la couleur, régler la taille et tout je n'y arrive pas.
Pour le CSS voici mon code:

p
{
color: blue;
}

Pour le html voici mon code :
<!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>

J'ai appliqué la même chose que sur openclassroom mais je n'arrive pas à avoir la même chose par la suite en ouvrant le fichier après les avoir bien enregistré. J'aurais besoin de votre aide svp.

Martins01

Niveau 18

07 septembre 2020 à 16:26:15

je tiens à préciser également que j'ai enregistré les fichiers par page.html et page.css, j'ai essayé plusieurs fois et vérifié plusieurs fois, j'ai essayé la même que openclassroom a dit dans ses indications mais je n'obtiens pas ce que openclassroom met par la suite, merci de votre aide

Martins01

Niveau 18

07 septembre 2020 à 16:38:46

Normalement je dois obtenir ça : https://zupimages.net/up/20/37/t8zt.png

Mais j'obtiens ça (j'obtiens pas la couleur bleu, alors que tout est correct, niveau code et enregistrement et suivi des indications d'open class room) : https://zupimages.net/up/20/37/p5tu.png

cybevil

Niveau 27

07 septembre 2020 à 16:42:58

Le problème vient de ton link :

<link rel="stylesheet" type="text/css" href="page.css">

Martins01

Niveau 18

07 septembre 2020 à 16:47:18

Ok, merci. Il faut la corrigé ? Ou tu me l'as corrigé ? S'il faut la corrigé, que dois-je changer s'il te plaît?

cybevil

Niveau 27

07 septembre 2020 à 16:48:08

Non non c'est corrigé, faut juste remplacer la tienne :p

Martins01

Niveau 18

07 septembre 2020 à 16:55:32

D'accord, merci, j'ai essayé mais ça ne fonctionne toujours pas. Je ne vois pas la couleur bleu apparaître.

cybevil

Niveau 27

07 septembre 2020 à 16:58:16

Chez moi ça marche pourtant peux-tu refaire un copié collé du code avec les changement et utilise les balises code stp.
<code></code>

...

Il est possible que tu n'aies simplement pas enregistré et actualisé ta page aussi.

Martins01

Niveau 18

07 septembre 2020 à 16:59:13

page.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="page.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>

page.css

p
{
color: blue;
}

Martins01

Niveau 18

07 septembre 2020 à 17:00:28

Ah, j'avais pas vu, comment utiliser des balises codes ici ?

cybevil

Niveau 27

07 septembre 2020 à 17:01:32

tu cliques sur les deux chevrons <> dans la barre au dessus de ton texte. Ou alors tu les recopie en plaçant ton code dedans.

cybevil

Niveau 27

07 septembre 2020 à 17:03:45

Ton code m'a l'air correct maintenant, chez moi ça s'affiche en bleu. Tes deux fichiers sont bien dans le même dossier ?

Martins01

Niveau 18

07 septembre 2020 à 17:09:22

page.html :

<!DOCTYPE html>
<html>
....<head>
........<meta charset="utf-8" />
........<link rel="stylesheet" type="text/css" href="page.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>

page.css :

p
{
....color: blue;
}

voilà ce que ça donne mais ça marche pas, j'ai mis les balises

Martins01

Niveau 18

07 septembre 2020 à 17:12:03

https://zupimages.net/up/20/37/nnpv.png

Oui elles sont dans la même page, regardes

cybevil

Niveau 27

07 septembre 2020 à 17:13:34

cybevil

Niveau 27

07 septembre 2020 à 17:15:21

Affiche peut-être les extensions de tes fichiers tu as peux être fait une erreur avec ça.
C'est normal que ton fichier css s'appelle pageeee ?

Message édité le 07 septembre 2020 à 17:16:12 par cybevil

Martins01

Niveau 18

07 septembre 2020 à 17:15:31

J'ai fais exactement la même chose : https://zupimages.net/up/20/37/nnpv.png

elles sont dans la même page, mais pourquoi ça ne marche pas? La seule différence entre toi et moi, c'est que c'est pas le même naviguateur

Martins01

Niveau 18

07 septembre 2020 à 17:16:26

L'extension, c'est à dire ?
Oui, je l'ai nommé comme ça les deux

cybevil

Niveau 27

07 septembre 2020 à 17:17:12

Pour afficher les extensions

Tu coches comme moi la case au dessus

Message édité le 07 septembre 2020 à 17:18:03 par cybevil

Martins01

Niveau 18

07 septembre 2020 à 17:19:43

Je viens de faire ça aussi, aucun changement, ça ne marche toujours pas, je comprend pas..

Aide à l'achat Mac
Steam Deck
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Macintosh
Hardware

La vidéo du moment

News jeu

45 677 spectateurs

J'ai été estomaqué par ce jeu vidéo gratuit qui ne nécessite aucune installation : il est super beau !

Pourquoi tout le monde se met-il à livrer du courrier sur X ce matin ?

Toutes les news jeu