Probleme CSS avec balises "id"

Sujet résolu

JuxStap

28 juin 2020 à 8:47:27

Bonjour à tous,

J'ai récemment commencé à apprendre le HTML/CSS et jusque là tout fonctionnait très bien.

Jusqu'au moment ou j'ai voulait tester du CSS avec un balise id. Rien ne marche. Même colorer du texte est impossible.

Quelqu'un peut-il m'aider?

Je mets mon code en dessous.

Merci d'avance

*****HTML*****

<body>

<h1> La physique quantique</h1>

<h2>Introduction</h2>

<p id='Introduction'>De l'infiniment petit à l'infiniment grand, couvrant plus de soixante ordres de grandeur de dimension spatiale, la théorie quantique est invoquée, tant pour décrire les vibrations encore largement mystérieuses des cordes microscopiques qui pourraient être les constituants élémentaires de l'Univers, que pour rendre compte des fluctuations du rayonnement micro-onde qui nous parvient des confins du cosmos. Serge Haroche nous présente dans cette leçon la théorie scientifique qui a révolutionné notre compréhension de la nature et enrichi de façon extraordinaire nos moyens d'action et d'information sur le monde.

<br>

Serge Haroche, Physique quantique [2001], Paris, Collège de France, coll. « Leçons inaugurales du Collège de France », n° 164, septembre 2013. URL : http://books.openedition.org/cdf/527</p>

</body>

****CSS****

#Introduction

{

color: red;

}

Lamecarlate

28 juin 2020 à 8:58:24

Bonjour,

Merci de colorer votre code à l'aide du bouton Code

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 Code 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>.

Merci de modifier votre message d'origine en fonction.

Dans ton HTML, tu n'as pas les balises <!doctype html>, ni <html>, ni <head>, donc déjà corrige ça (validateur : https://jigsaw.w3.org/css-validator/ ). Ensuite, le HTML n'est pas magicien et ne peut pas deviner le CSS que tu veux, il faut le lui indiquer. À (re)lire : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1605060-mettez-en-place-le-css .

Pas d'aide concernant le code par MP, le forum est là pour ça :)

JuxStap

28 juin 2020 à 9:08:52

Pour les balises <!DOCTYPE html>, <html> et <head> je ne l'ai ai pas mis dans mon message car c'est logique qu'elles soient présente dans mon code. C'était pour ne pas surcharger le message.

Je viens de revoir le cours et effectivement j'ai oublié de mettre :

<link rel="stylesheet" href="style.css"/>

Et effectivement ça fonctionne mieux comme ça.

Merci beaucoup pour votre aide et pour votre réactivité