Mon css ne s'applique pas

tqtpas_9047 Messages postés 1 Statut Membre -  
 Totox -
Bonjour, je me suis mis depuis quelque temps au codage en html et css mais j'ai un probleme, mon css ne s'applique pas

Voici mon code en html :
<html>
    <head>
        <title>salut toi</title>
        <link href="css/style.css" rel="sytlesheet" type="text/css"></link>

    </head>
    <header>
        <nav>
        <ul class="menu">
            <li><a href="index.html">Acceuil</a></li>
            <li><a href="page3.html">A propos</a></li>
            <li><a href="page4.html">Contact</a></li>
        </ul>
        </nav>
    </header>
    <body>
        <h1>Entrainement</h1>
        <form action="post">
            <input type="test" name="test"/><br>
            <input type="mail" name="Email ou Nom d'utilisateur"/><br>
            <input type="password" name="mot de passe"/><br>
            <textarea></textarea><br>
            <input type="submit" name="Se Connecter"/><br>
        </form>

    </body>
    <footer>
        <p>Copyright © site web 2021 2022</p>
    </footer>

</html>


et mon code en css (petit car je voulais verifier que meme avec un petit code si cela marcher):
.menu{
    background-color: green;
}


Est ce que vous pourrier m'aider svp ?

EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici : ICI

Merci d'y penser dans tes prochains messages.

1 réponse

  1. 1Seb Messages postés 170 Statut Membre 39
     
    Bonjour,

    C'est stylesheet et non sytlesheet

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


    Et le fichier style.css doit se trouver dans le dossier css



    Bonne journée
    Seb
    0
    1. Totox
       
      Salut,
      d'autres erreurs: la balise link est mal écrite(en dehors de l'attribut qui est faux):
      https://www.w3schools.com/Tags/tag_link.asp

      Votre balise header n'est pas situé au bon endroit, elle doit se trouver dans BODY si vous utilisez la structure HEAD puis BODY sinon cela n'a aucun sens(voir la différence entre BODY et HEAD dans une page).

      https://www.w3schools.com/TagS/tag_header.asp

      Idem pour la balise footer, vous n'avez pas vraiment compris à quoi elle sert si vous la mettez hors de la balise BODY.
      https://www.w3schools.com/TagS/tag_body.asp

      https://www.w3schools.com/TagS/tag_footer.asp

      Vous débutez donc le mieux est de vous relire avant tout avec précaution et de vous perfectionner en faisant des cours/tutos sur les bases (HTML et CSS)pour éviter ce genre d'erreurs.
      Parce que là c'est très simple: vous écrivez mal et inventez des choses qui ne peuvent pas fonctionner. La moindre erreur pouvant tout "casser" et faire que rien ne marche vous devez être attentif et utiliser un éditeur de code qui vous mettra la coloration syntaxique.

      Avant tout il faut que vous compreniez ce que vous faites et pourquoi ;-)
      0