Feuille de style n'est pas prise en compte [Résolu]

lio33 · 19/01/2011, 11h34

Bonjour,
Je suis entrain de développer pour mes "études" un petit site de démonstration.
J'ai dans un premier temps développé ma page d'accueil "index.htm" qui est OK et 4 pages appelées "pageN.php".

Pour le développement de mes pages PHP j'ai crée une feuille de style et par souci d'homogénéité je souhaite l'appliquer à ma page d'accueil. J'ai bien intégré la déclaration de la feuille de style et modifié un peu mon code HTML, mais la feuille de style n'est pas prise en compte. Notamment pour mon titre (exemple simple).

Déclaration de la feuille de style (pour info j'ai copier-coller la déclaration depuis un autre fichier '.php' qui lui est OK):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	<!-- feuilles de style externe globale-->
	<link href="./css/feuille1.css" rel="stylesheet" type="text/css" >

Mon début de code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!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" lang="fr">
 
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
     <meta http-equiv="content-language" content="fr" />
     <meta name="Description" content="" />
     <meta name="keywords" content="" />
     <meta name="author" content=""/>
     <meta name="robots" content="all"/>
 
     <title>Page accueil site Super projet</title>
 
	<!-- feuilles de style externe globale-->
	<link href="./css/feuille1.css" rel="stylesheet" type="text/css" >
 
	<script  type="text/javascript">
	<!--
	bouton1 = new Image();
	bouton1.src = "./images/carre-gris1-rollover.jpg";
	bouton2 = new Image();
	bouton2.src = "./images/carre-gris2-rollover.jpg";
	bouton3 = new Image();
	bouton3.src = "./images/carre-gris3-rollover.jpg";
	bouton4 = new Image();
	bouton4.src = "./images/carre-gris4-rollover.jpg";
	//-->
	</script>	  
</head>
 
<body style="background-color:#000000">
 
<div class="boxtitre">Mon Titre</div>
....
</body>
</html>

Notamment comme vous le voyez je suis obligé de définir la couleur de fond de ma page alors qu'elle est normalement définie dans le fichier css (fonctionne sur d'autres pages).

Avez vous des explications ?
J'ai essayé de modifier la DTD pour voir, mais cela ne change pas grand chose..

ornitho13 · 19/01/2011, 15h07

Salut,

enlève le "." dans le chemin de ta feuille de style.

Si tu veux savoir si ta feuille est correctement appelé, voici ce que tu peux faire:
- utilise un firebug sous firefox ou les outils de développeur sous navigateurs webkit
- regarde le code source généré par ceux ci et regarde le code concernant l'appel de ta feuille de style (onglet "Element" sous chrome).
- dans ce code, clique sur le lien vers ta feuille de style.
- si la feuille est bien appelé, tu verras son contenu sinon tu auras une reponse 404 (du moins sous chrome)

lio33 · 19/01/2011, 15h25

Le point ne change rien.

J'ai installé Firebug.
Très bien cet outil, et justement il ne trouve pas ma feuille CSS.

Comment solutionner ce problème ?
Est-ce un problème de syntaxe ? A priori non.

ornitho13 · 19/01/2011, 15h39

si en enlevant le ".", il ne trouve pas la feuille de style, cela veut dire que le dossier "css" ne se trouve pas à la racine de ton site.

Peux tu donner l'url complète vers ton css? (exemple http://localhost/css/styles.css)

lio33 · 19/01/2011, 15h45

Je viens de trouver.
Problème d'encodage du fichier css. (UTF8)
Maintenant c'est OK.

Merci pour ton aide et de m'avoir fait connaitre Firebug !

19/01/2011, 15h07	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Salut, enlève le "." dans le chemin de ta feuille de style. Si tu veux savoir si ta feuille est correctement appelé, voici ce que tu peux faire: - utilise un firebug sous firefox ou les outils de développeur sous navigateurs webkit - regarde le code source généré par ceux ci et regarde le code concernant l'appel de ta feuille de style (onglet "Element" sous chrome). - dans ce code, clique sur le lien vers ta feuille de style. - si la feuille est bien appelé, tu verras son contenu sinon tu auras une reponse 404 (du moins sous chrome)
	00

19/01/2011, 15h25	#3
lio33 Membre habitué Inscription : octobre 2003 Messages : 483 Détails du profil Informations personnelles : Localisation : France, Gironde (Aquitaine) Informations forums : Inscription : octobre 2003 Messages : 483 Points : 136 Points : 136	Le point ne change rien. J'ai installé Firebug. Très bien cet outil, et justement il ne trouve pas ma feuille CSS. Comment solutionner ce problème ? Est-ce un problème de syntaxe ? A priori non.
	00

19/01/2011, 15h39	#4
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	si en enlevant le ".", il ne trouve pas la feuille de style, cela veut dire que le dossier "css" ne se trouve pas à la racine de ton site. Peux tu donner l'url complète vers ton css? (exemple http://localhost/css/styles.css)
	00

19/01/2011, 15h45	#5
lio33 Membre habitué Inscription : octobre 2003 Messages : 483 Détails du profil Informations personnelles : Localisation : France, Gironde (Aquitaine) Informations forums : Inscription : octobre 2003 Messages : 483 Points : 136 Points : 136	Je viens de trouver. Problème d'encodage du fichier css. (UTF8) Maintenant c'est OK. Merci pour ton aide et de m'avoir fait connaitre Firebug !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email