Comment lier ma page .html à mon fichier .css

lawken -  
BadGuitarist Messages postés 367 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous!
J'ai un probleme avec la relation entre ma page.html et mon fichier .css
Dans le dossier où se trouve mon site j'ai crée un autre dossier que j'apelle css où j'ai stocké mon fichier .css
Mais j'arrive toujours pas à ce que les données que je saisi au niveau de mon fichier .css s'appliquent dans ma page .html
aidez-moi svp.
voici ma configuration côté html:
ml:lang="fr" >
<html>
<head>
<title>ACCUEIL</title>
<meta http-equiv="content-type"content="text/html";charset=iso-8859-1 />
<link rel="stylesheet"media="screen"type="text/css"href="css/accueil.css" />
</head>
h1
{
font-family:arial; /*Le titre sera en Arial*/
text-align:center;
text-weight:bold;
text-decoration:underline;
}
#banniere
{
margin-left:150px;
margin-right:150px;
}
body
{
text-align:justify;font-family:verdana;
background-image:"/home/agent/bureau/images/eclaire.jpg"fixed;
}
A voir également:

1 réponse

Réponse 1 / 1
BadGuitarist Messages postés 367 Date d'inscription   Statut Membre Dernière intervention   27
 
Bonsoir lawken,

Voici quelques éléments de réponse :

1- déplace la balise </head> de façon qu'elle contienne l'ensemble de tes styles
2- vérifie-bien le path de accueil.css
3- respecte la structure d'une page HTML : 

<html>
  <head>
    <title>ACCUEIL</title> 
    <meta http-equiv="content-type" content="text/html; charset="iso-8859-1" /> 
    <link rel="stylesheet" media="screen" type="text/css" href="css/accueil.css" /> 

    <style>
      h1 
     { 
         font-family:arial; /*Le titre sera en Arial*/ 
         text-align:center; 
         text-weight:bold; 
         text-decoration:underline; 
      } 
      #banniere 
      { 
         margin-left:150px; 
         margin-right:150px; 
       } 
       body 
      { 
         text-align:justify;
         font-family:verdana; 
         background-image:"/home/agent/bureau/images/eclaire.jpg" fixed; 
      }
    </style>

    <script language="javascript" type="text/javascript"> 
         // Tes fonctions JS
    </script>

  </head>

  <body>
    ...
  </body>
</html>

0