j'ai recopier sur Sublime (comme conseillé) les exemples donner dans la video (juste quelques modif de saisie des contenus) mais je n'obtiens aucun changement lors de me test sur chrome. le fichier html s'affiche correctement mais sans les changements de couleur de css.
voici mes codes :
HTML :
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="stylo.css" />
<title>new test</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>
Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="stylo.css" />
<title>new test</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 appelé le fichier stylo.css pour le différencier du premier jet style.css.
le fichier css est donc bien stylo.css
j'ai essaye en mettant les deux fichiers (html et css) sur le bureau ou dans le même dossier.... meme résultat.
j'ai vérifié l'efficacité en attribuant le code css au p ou au h1ou h2... toujours rien.
j'ai également essayé de mettre le code css de la seconde façon expliqué dans le cours (à savoir entre des balises <style></style> dans l'élément <head></head>) toujours sans succès.
j'ai vidé le cache du navigateur, comme lu dans une autre discussion sur Openclassrooms... ça n'a pas suffit...
il suffit juste d'enlever l'espace à la fin dans la balise <link> a la fin comme ceci !
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="stylo.css"/>
<title>new test</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>
MERCI Clément pour ta réponse mais après différents essais, cela n influe pas et il me semble que cet espace est dans l'exemple du cours.
cependant jai réussi ce midi a régler mon problème :
je n'ai pas vraiment identifié le problème mais voici ce que j'ai fait (si cela peut aider quelqu'un ultérieurement):
-j'ai effacé tout mes fichiers test, recopié les codes,
-retiré un espace dans le nom du dossier ou je garde le fichier html et le css
-essayé sur différents navigateurs jusqu'à en trouver un qui fonctionne.
tout cela mis bout à bout ça à finis par être fonctionnel... je reprends le fil du cours avec un outil opérationnel :-)
merci Mewen_bzh pour ta relecture du code et Clément J pour ton conseil
cours html5/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.
Pas d'aide concernant le code par MP, le forum est là pour ça :)