Le CSS ne s'applique pas

Rien n'y fait je suis foutu

Sujet résolu

12 juin 2024 à 10:37:44

Bonjour les nerds :soleil: , j'ai récemment commencé le cour "Créez votre site web avec HTML5 et CSS3" et maintenant je me heurte à un problème, le CSS ne s'applique pas.

Du moins il s'applique juste pour la coloration de 2 mots et des liens mais le reste ne s'applique pas.

Part ailleurs je tiens quand même à dire que je me suis lu et relu assez de fois pour en arriver jusqu'ici.

Je ne semble pas avoir fait d'erreur sur le HTML, les balises sont correctes, les propriétés aussi, tout devrait fonctionner.

J'ai aussi ouvert ma page sur un autre navigateur et rien n'a changé. Je suis à deux doigts de me faire exploser dans une foule tellement

ça me rend fou.

Je compte sur quelqu'un pour me venir en aide avant que je sacrifie ma chaire de pêcheur de la pire des façon.

Je vais aussi vous joindre mon HTML et ma stylesheet ci-dessous.

HTML :

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <title>Accueil - Robbie Lens Photographie</title>
    <link href="style.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>

<body>
 <div>
  <a href="dossier_demo/a-propos.html"><img src="image/logo.png"/>
 </div>

  </a><img src="image/robbie-lens.png"/>
  <h1>Photographie</h1>
  <p>
   Où <span class="P1">professionalisme</span> s’allie avec <span class="P1">passion</span>. Depuis plus de 5 ans maintenant, j’exerce mon métier avec la passion
   qui m’anime : capturer l’essence de chaque instant.
  </p>
 <div>
  <a href="https://twitter.com/" target="_blank"><img src="image/twitter.png" title="Twitter"/></a>
  <a href="https://www.instagram.com/" target="_blank"><img src="image/instagram.png" title="Instagram"/></a>
  <a href="dossier_demo/a-propos.html"><img src="image/logo.png"/></a>
 </div>

</body>

</html>

CSS :

.a {color: black;
    text-decoration: none;
    font-size: 1em;
    font-family: 'Manrope';}

.P1 {color: #A5B4FC;}

.h1 {font-size: 3.5em;
     color: #A5B4FC;
     font-family: 'Montserrat';}

.p {font-size: 1.1em;
    font-family: 'Manrope';}

.ul {font-size: 1em;
     font-family: 'Manrope';}

Je remercie d'avance les gens qui vont user de leurs précieux temps pour me secourir. :ange:

-
Edité par Tabasse_1 sexagenaire 12 juin 2024 à 10:51:00

AbcAbc6

12 juin 2024 à 10:40:22

Bonjour, Merci de lire les règles du forum AVANT de créer un sujet.

Le message qui suit est une réponse automatique activée par un membre de l'équipe de modération. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

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 </> 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: php;">Votre code ici</pre>.

Merci de modifier votre message d'origine en fonction.

Liens conseillés

Domi65

12 juin 2024 à 11:14:40

Hello, je n'ai pas fouillé et ne sais pas ce que tu cherches à obtenir mais la première ligne du css déjà me fait tiquer.

le sélecteur (.a) correspond à une classe a, et non à une balise (à cause du point). Or je vois des liens, mais aucune balise dont l'attribut class est a.

On dirait que tu reproduis l'erreur avec p, ul etc.

Les sélecteurs commençant par des points correspondent à des classe.