Sujet Précédent Sujet Suivant

Css qui s'applique pas

Fermé
Mathildouu - Modifié le 2 août 2020 à 16:17
jordane45 Messages postés 38285 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 13 novembre 2024 - 3 août 2020 à 01:09
Bonjour je me demandais si on pourrait m'aider à voir mes erreurs? Je débute dans le codage et j'arrive pas à avoir où elles sont, j'ai testé plusieurs navigateur, refait les fichiers et le css ne s'applique pas.. 
<! DOCTOTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Perseverancia </title>
 <! DOCTOTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" />
 <title> Perseverancia</title>
 
</head>
      
<body>
 
<nav class"menu">
    <ul>
          <li><a href="#">ACCUEIL </a></li>
          <li><a href="#">ARTICLE </a></li>
          <li><a href="#">BOUTIQUE</a></li>
          <li><a href="#">PORTFOLIO</a></li>
          <li><a href="#">BLOG</a></li>
          <li><a href="#">A PROPOS </a></li>
          <li><a href="#">CONTACT</a></li>
     </ul>
</<nav>
 
<div class="gris">
<h1> PERSEVERANCIA</h1>
<h2> Writen by Mathilde </h2>
</div>
 
<div class="hierba">
 
 
</div>
 
 
<div class="dos_col"></div>
<div class="col_left"><h2>TITRE 1 COLONNE GAUCHE</h2>
<h3> TITRE 2 COLONNE GAUCHE <h3></div>
<p>lorem</p>
<p>lorem</p>
 
<div class="col_right"></div>
<h2> TITRE 1 COLONNE DROITE </h2>
<ul>     
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose </a></li>
</ul>
           
<div  class="tres_col"></div>
<div class="col_left"></div>
<div class="col_cent"></div>
<div class="col_right"></div>
 
 
 
</body>
</html>
</head>
<body>
 
<div class="dos_col"></div>
<div class="col_left"><h2>LOREM IPSUM</h2>
<h3> LOREM IPSUM <h3></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Dolor sed viverra ipsum nunc aliquet bibendum enim. Et malesuada fames ac turpis egestas integer. Dui sapien eget mi proin sed libero. Odio aenean sed adipiscing diam donec adipiscing tristique risus. Amet volutpat consequat mauris nunc. Sem nulla pharetra diam sit amet nisl suscipit. Tempor orci eu lobortis elementum nibh tellus. Cursus mattis molestie a iaculis. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Ligula ullamcorper malesuada proin libero nunc consequat interdum. Ante metus dictum at tempor commodo ullamcorper a lacus. Et sollicitudin ac orci phasellus egestas tellus rutrum. Lobortis feugiat vivamus at augue eget. Malesuada proin libero nunc consequat interdum varius sit amet. Vitae turpis massa sed elementum tempus egestas. Neque laoreet suspendisse interdum consectetur libero id faucibus.
 
Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Semper auctor neque vitae tempus quam pellentesque nec. Congue nisi vitae suscipit tellus mauris. Sit amet dictum sit amet. Gravida quis blandit turpis cursus. Turpis tincidunt id aliquet risus feugiat in. Quis viverra nibh cras pulvinar mattis nunc sed blandit libero. Integer quis auctor elit sed vulputate mi sit amet. Condimentum id venenatis a condimentum vitae sapien pellentesque habitant morbi. Suspendisse in est ante in nibh mauris cursus mattis. At varius vel pharetra vel turpis nunc eget lorem dolor. Justo eget magna fermentum iaculis eu non diam phasellus. Turpis massa sed elementum tempus egestas sed sed risus. Fusce id velit ut tortor pretium.
 
Tortor aliquam nulla facilisi cras. Egestas erat imperdiet sed euismod nisi porta lorem mollis. Aliquet nec ullamcorper sit amet risus nullam.
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Dolor sed viverra ipsum nunc aliquet bibendum enim. Et malesuada fames ac turpis egestas integer. Dui sapien eget mi proin sed libero. Odio aenean sed adipiscing diam donec adipiscing tristique risus. Amet volutpat consequat mauris nunc. Sem nulla pharetra diam sit amet nisl suscipit. Tempor orci eu lobortis elementum nibh tellus. Cursus mattis molestie a iaculis. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Ligula ullamcorper malesuada proin libero nunc consequat interdum. Ante metus dictum at tempor commodo ullamcorper a lacus. Et sollicitudin ac orci phasellus egestas tellus rutrum. Lobortis feugiat vivamus at augue eget. Malesuada proin libero nunc consequat interdum varius sit amet. Vitae turpis massa sed elementum tempus egestas. Neque laoreet suspendisse interdum consectetur libero id faucibus.
 
Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Semper auctor neque vitae tempus quam pellentesque nec. Congue nisi vitae suscipit tellus mauris. Sit amet dictum sit amet. Gravida quis blandit turpis cursus. Turpis tincidunt id aliquet risus feugiat in. Quis viverra nibh cras pulvinar mattis nunc sed blandit libero. Integer quis auctor elit sed vulputate mi sit amet. Condimentum id venenatis a condimentum vitae sapien pellentesque habitant morbi. Suspendisse in est ante in nibh mauris cursus mattis. At varius vel pharetra vel turpis nunc eget lorem dolor. Justo eget magna fermentum iaculis eu non diam phasellus. Turpis massa sed elementum tempus egestas sed sed risus. Fusce id velit ut tortor pretium.
 
Dolor morbi non arcu risus quis varius quam quisque id. Ut lectus arcu bibendum at varius vel. Lorem sed risus ultricies tristique nulla aliquet enim. Consequat id porta nibh venenatis cras sed. Sed enim ut sem viverra aliquet eget sit amet tellus. Accumsan lacus vel facilisis volutpat est velit egestas. Ac tortor dignissim convallis aenean et tortor. Orci eu lobortis elementum nibh tellus molestie nunc non blandit. Orci phasellus egestas tellus rutrum. Imperdiet massa tincidunt nunc pulvinar sapien et ligula. Convallis aenean et tortor at risus viverra adipiscing at. </p>
 
<div class="col_right"></div>
<h2> LOREM IPSUM DROITE </h2>
<ul>     
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose</a></li>
          <li><a href="#">quelque chose </a></li>
</ul>
           
<div  class="tres_col"></div>
<div class="col_left"></div>
<div class="col_cent"></div>
<div class="col_right"></div>
 
<div class="footer"></div><br>
 
</body>
</html>

ça c'est le code html

et le code css 

.menu li{
    display: inline-block
    }
.menu a{
        padding: 20px;
        background: #ebc934;
        color: white;
    }


Merci d'avance, je galère vraiment!!

2 réponses

Réponse 1 / 2
Varanko
Modifié le 2 août 2020 à 19:56
Salut,
il y a une simple erreur ici, il manque le "=" 

<nav class"menu">


Pensez à utiliser un éditeur avec coloration syntaxique ça permet de voir les erreurs plus facilement.
0
Réponse 2 / 2
jordane45 Messages postés 38285 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 13 novembre 2024 4 697
3 août 2020 à 01:09
Bonjour,

Pense également à corriger ton html....
Tu as des balises <html> et <head> en double 
<! DOCTOTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Perseverancia </title>
 <! DOCTOTYPE html>
<html>
<head>


PS: Quand tu postes du code sur le forum, ça serait bien que tu précises le langage dans les balises de code... histoire qu'on ait la coloration syntaxique et la numérotation des lignes.
Explications sur l'utilisation des balises de code à lire ENTIEREMENT disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
0

Discussions similaires

trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Installer une application non vérifiée Microsoft Store
Camtajoie -
Kori-Kori -

11 réponses
ALEXIA A BESOIN D'AIDE
ALEX -
espion3004 -

7 réponses
Comment autoriser l'appareil photo sur Snapchat ?
Miss donuts -
Emily -

46 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse