Comment lier ma page .html à mon fichier .css

Fermé

lawken - 26 avril 2010 à 14:00
BadGuitarist Messages postés 367 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 20 octobre 2013 - 27 avril 2010 à 04:12

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:

Comment lier ma page .html à mon fichier .css
Fichier rar - Guide
Comment ouvrir un fichier epub ? - Guide
Comment réduire la taille d'un fichier - Guide
Comment supprimer une page sur word - Guide
Fichier host - Guide

1 réponse

Réponse 1 / 1

BadGuitarist Messages postés 367 Date d'inscription dimanche 12 octobre 2008 Statut Membre Dernière intervention 20 octobre 2013 27
27 avril 2010 à 04:12

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>

Discussions similaires

comment donner les droits sur fichier partage