Bonjour
j ai fais une page html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !< /title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design-lmdn.css" href="design.css" />
</head>
<body>
<div id="bannièrere">
</div>
<div id="menu">
<!--içi il y aura les liens du menu-->
</div>
<div id="corps1">
<!--içi il y aura les news-->
</div>
<div id="corps2">
<!--içi les infos-->
</div>
<div id="pied-de-page">
<!--içi l copyright et autres infos-->
</div>
</body>
</html>
et une page css
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}
/* L´en-tête */
- banniere
{
width: 760px;
height: 100px;
background-image: url("banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
/* Le menu */
- menu
{
background-image: url("menu.png");
float: top;
width: 120px;
}
/* Le corps de la page */
- corps
{
background-image: url("corps1.png");
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
}
- corps1 h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
- corps1 h2
{
height: 30px;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
- pied_de_page
{
padding: 5px;
text-align: center;
color: #B3B3B3;
background-color: #626262;
background-image: url("pied-de-page.png");
background-repeat: repeat-x;
border: 2px solid black;
}
mais je ne comprend pas pourquoi le css ne prend pas effet sur le html
merci
