18041 sujets

Questions générales et questions de débutants

Lien inefficace entre Fichiers HTML et CSS

Bonjour à toutes et à tous,

Lien inefficace entre Fichiers HTML et CSS

J'utilise Firefox 15.0.
Dans cet exemple, je ne comprends pas pourquoi les styles ne s'appliquent pas au fichier 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">

<head>
	<title>Mland_menu_horizontal</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css"
	title="simple" href="css/styles.css" />
</head>
<body>
<div id="menu">
<ul>
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a>
    <ul>
      <li><a href="#">Sous-item 1</a></li>
      <li><a href="#">Sous-item 2</a></li>
      <li><a href="#">Sous-item 3</a></li>
    </ul>
  </li>
  <li><a href="#">Item 3</a></li>
</ul>
</div>	
</body>
</html>



#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#menu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#FFD700;
 }


Où est l'erreur ?

Avec mes remerciements
Cordialement
Papy
Oui à mon avis c'est un problème de chemin vers le fichier css, ici le chemin est référencé relativement à la page html. C'est mieux de partir de la racine du site, si ton dossier css est à la racine, utilise cette url :

/css/styles.css


La barre oblique au début indique de partir de la racine du site. Smiley smile
Modifié par Patidou (02 Sep 2012 - 10:57)
Merci à vous deux,

J'utilise Notepad++.

Le dossier modele contient :

le fichier index.html
et
le dossier css

Le fichier styles.css est dans le dossier css.

1 ) - La stylesheet est bien dans un dossier "css" et s'appelle bien "styles.css"

2 ) - J'ai remplacé
href="css/styles.css"
par
href="css/styles.css"

Le résultat est le même.
Mon problème n'est pas résolu.

Cordialement
Papy
Hum, bizarre.

T'aurais pas désactivé le CSS dans ton browser pour voir le rendu brut de ta page, puis oublié de le réactiver (juste sur la page en question) ?

Essaye d'ouvrir ta page dans un autre browser, genre Chrome, si t'as ça sous la main.

Smiley biggrin
Merci Stephanelam,

Comment peut-on désactiver un fichier CSS dans FireFox ?

J'ai Chrome sur mon PC ; je ne l'ai jamais utilisé.
Quand je le lance, je n'arrive pas à lui demander de lancer le fichier index.html.
Je ne sais pas faire.

Cordialement
Papy
Il suffit de faire un drag-and-drop du fichier html dans Chrome ... autrement dit, de tirer index.html dans la fenêtre Chrome.
Bonjour Stephanelam,

J'ai fait un drag-and-drop du fichier html dans Chrome.

L'affichage du fichier index est le même que dans Notepad++, de même pour styles.css.
Mon fichier CSS est-il désactivé dans Firefox ?
Comment le réactiver ?

Le problème se situe peut-être au niveau du Doctype ?

Cordialement
Papy
Jean Sympa a écrit :

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

Papy


Essai de voir au niveau des 2 points virgule en rouge foncé.
Ainsi que les Guillemet oublier au niveau du Charset.


Attention je peux me trompé. Non ?
Modifié par blanche (08 Sep 2012 - 19:23)
Sujet clos
Aller à