Bonjour Marxtai,
En effet j'aurais du donner un peu plus d'information.
Je fais mes modifications dans le ficher css appelé app.css. Oui le fichier HTML appelle bien le fichier CSS.
index.html
<!DOCTYPE html>
<html xmls="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Menu responsive</title>
<link href='http://fonts.googleapi.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/app.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header class="header">
<a href="#" class="header__logo">Logo</a>
<nav class="menu">
<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>
<a href="#">Item 4</a>
<a href="#">Item 5</a>
</nav>
</header>
<div class="site-content">
<div class="container">
contenu du site
</div>
</div>
</body>
</html>
app.css
html, body{
font-family: Roboto;
font-size: 16px;
line-height: 1.4;
height: 100%;
margin: 0;
padding: 0;
}
a{ text-decoration: none; color:inherit; }
.header{
position: fixed;
left: 0;
right: 0;
height: 66px;
line-height: 66px;
color: #FFF;
}
J'utilise notepad++ pour écrire mes codes.
Merci beaucoup !