Problème chargement CSS

Version imprimable

Bonjour,

désolé de poser une question aussi basique, mais pour une raison totalement inexpliquée, le CSS de mon site web refuse de se charger. Voici l'appel dans index.html (pour l'instant la seule page du site) :
Code:

1 2 3 4 5 6 <HTML> <HEAD> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <link href="IMG/styles.css" rel="stylesheet" type="text/css" /> <TITLE>Bienvenue sur la page d'accueil</TITLE> </HEAD>
Le plus étonnant, c'est que j'arrive à lancer le CSS avec Webdevelopper (CTRL, SHIFT, E). J'ai essayé pas mal de bidouilles (genre modifier les autorisations des fichiers, en autorisant tout), mais rien n'y fait !

Quelqu'un a-t-il une idée ? D'avance, merci... je désespère !

P.

04/02/2008, 17h52
Bisûnûrs

Ta feuille de style est bien dans ton dossier IMG ?
04/02/2008, 18h04
labarique

Ben oui....

Au départ, je l'avais mis dans le dossier principal, avec comme appel juste "styles.css", puis j'ai tenté de le mettre dans le dossier IMG, avec comme appel "/IMG/styles.css" (c'est une des 99482958 manipulations que j'ai essayées...)

C'est incompréhensible... Pitié, que quelqu'un m'aide !
04/02/2008, 18h26
tintin72

Salut,

Fais attention à la casse.
En général les serveur sont sous Unix et donc
sensible à la casse. Si ton dossier sur ton serveur
se nomme img ou Img ça ne passera pas. Vérifies bien.
05/02/2008, 01h00
kaiser59

Salut,

que donne ceci :

Code:

<link href="../IMG/styles.css" rel="stylesheet" type="text/css" />

L'endroit où se trouve ta feuille de style par rapport à tes pages joue sur le chemin d'appel de celle-ci.
05/02/2008, 08h13
pop_up
quelques autres remarques.

Pourquoi code tu tes tags html en majuscule ? j'espere ne pas me faire contredire mais la majorité les écrivent en minuscule (<html><head> ....)

Sinon je n'ai pas vu de doctype à ton fichier html. ça ne résoudra pas le problème mais c'est trés utile.

un exemple :
Code:

1 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
enfin, tu peux nous joindre ton css et ton html pour que l'on test et qu'on puisse te renvoyer un code qui fonctionne.

;)
05/02/2008, 10h02
labarique

Rebonjour, et merci pour vos conseils.

Je crois qu'on tient quelque chose avec la balise <doctype>, puisque j'ai constaté une légère différence d'affichage... mais toujours pas l'application de mon CSS.

Comment savoir quel doctype choisir ?
05/02/2008, 10h35
pop_up

voici un début de réponse :
http://xhtml.developpez.com/faq/?pag...#html_doctypes

c'est à toi de choisir celui que tu veux.
05/02/2008, 11h09
labarique

2 pièce(s) jointe(s)

Bonjour,

apparemement, changer le doctype ne change pas grand chose et n'applique pas le CSS pour autant.

Voici, en désespoir de cause, mon fichier index.html (intitulé index2.html) et le fichier styles.css, que je place dans le même dossier, à la racine du site (l'hébergement étant chez infomaniak.ch, la racine du site est dans le répertoire /web)

effectivement, je comprend pas trop.

J'ai récupéré tes fichiers joint et ça ne marche pas.

J'ai copié ton code, reccréé moi meme les fichiers styles.css et index2.html, rajouté un entete un peu mieux, remis tout en minuscules et fermé le tr du second tableau. et ça marche.

voici ce que j'ai dedans

styles.css

Code:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('bottom_bg.gif');
	}
 
table {
	font-size: 12px;
	border-width: 1px;
	border-spacing: 0px;
	padding: 0px;
	border-style: solid;
	border-color:#E5E5E5;
	background-color: #751526;
}
 
 
tr {
	background-color: #6B8AE5;
	padding: 0px;
}
 
td {
	padding: 3px;
	text-align: left
}
 
.haut {
	background-color: #FFFFFF;
}
 
.question {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	line-height: normal;
	padding-bottom: 5px;
	color: #373400;
}
 
.tdgauche {
 
	border-left: thick #373400 !important;
	border-bottom: thick #373400 !important;
	line-height: normal;
	padding-bottom: 5px;
	color: #373400;
}
 
input {
	float:left;
	background-color: #FFFCF0;
	border-width: 1px;
	border-color:#E5E5E5;
}
 
div.test { background-color: #751526; }

index2.html

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" href="styles.css" />
</head>
 
<body>
<table width="100%" border="1">
<tr class="haut" height ="105">
<td width="400"><img src="img/logo.png"></td>
<td></td>
<td width="200" align="right"><img src="img/image2.gif"></td>
</tr>
<tr height="250"><td valign="top" colspan="2"><p><b>bienvenue sur le site du projet </b></p><p>ce projet de recherche sur les formes d'organisation est financé par de l'argent. il est réalisé en partenariat avec des entreprises.</p><p>le site du projet est toujours en construction.</p><td></td></tr>
</table>
 
<table width="100%" border ="1">
<tr height="105">
<td><img src="img/image3.gif"></td>
<td><img src="img/image4.gif"></td><td><img src="img/image5.gif"></td><td><img src="img/image6.gif"></td><td><img src="img/image7.gif"></td>
</tr>
</table>
 
hello
</body>
</html>

ceci marche par contre en recopiant ces codes dans tes fichiers, ça ne marche pas.

Il doit y avoir une erreur sur la création de tes fichiers ou un truc du genre qui m'echappe totalement.

05/02/2008, 11h52
MasterOfChakhaL

Salut,

Tu dois avoir un problème d'encodage sur ton fichier css.
Quand j'affiche ton css en passant par firebug, j'obtiens cela:

Citation:

潢祤笠਍昉湯⵴慦業祬›敖摲湡ⱡ䄠楲污‬效癬瑥捩ⱡ猠湡⵳敳楲㭦਍戉捡杫潲湵ⵤ浩条㩥甠汲戨瑯潴彭杢朮晩㬩਍紉਍਍慴汢⁥ൻऊ潦瑮猭穩㩥ㄠ瀲㭸਍戉牯敤⵲楷瑤㩨ㄠ硰഻ऊ潢摲牥猭慰楣杮›瀰㭸਍瀉摡楤杮›瀰㭸਍戉牯敤⵲瑳汹㩥猠汯摩഻ऊ潢摲牥挭汯牯 ⌺㕅㕅㕅഻ऊ慢正牧畯摮挭汯牯›䘣䙆䙆㭆਍ൽഊഊ琊⁲ൻऊ慢正牧畯摮挭汯牯›㘣㡂䕁㬵਍瀉摡楤杮›瀰㭸਍ൽഊ琊⁤ൻऊ慰摤湩㩧㌠硰഻ऊ整瑸愭楬湧›敬瑦 ਍ൽഊ⸊慨瑵笠਍戉捡杫潲湵ⵤ潣潬㩲⌠䙆䙆䙆഻紊਍਍焮敵瑳潩⁮ൻऊ潦瑮眭楥桧㩴戠汯㭤਍戉牯敤⵲潢瑴浯眭摩桴›瀱㭸਍戉牯敤⵲潢瑴浯猭祴敬›潳楬㭤਍戉牯敤⵲潢瑴浯挭汯牯›䔣䔵䔵㬵਍氉湩ⵥ敨杩瑨›潮浲污഻ऊ慰摤湩ⵧ潢瑴浯›瀵㭸਍按汯牯›㌣㌷〴㬰਍ൽഊ⸊摴慧捵敨笠਍਍戉牯敤⵲敬瑦›桴捩⁫㌣㌷〴‰椡灭牯慴瑮഻ऊ潢摲牥戭瑯潴㩭琠楨正⌠㜳㐳〰℠浩潰瑲湡㭴਍氉湩ⵥ敨杩瑨›潮浲污഻ऊ慰摤湩ⵧ潢瑴浯›瀵㭸਍按汯牯›㌣㌷〴㬰਍ൽഊ椊灮瑵笠਍昉潬瑡氺晥㭴 ਍戉捡杫潲湵ⵤ潣潬㩲⌠䙆䍆う഻ऊ潢摲牥眭摩桴›瀱㭸਍戉牯敤⵲潣潬㩲䔣䔵䔵㬵਍ൽ

Je crois qu'on peut dire que c'est du chinois... ;)

Essaie de modifier l'encodage de ton fichier ou alors, tu peux indiquer dans le css quel est l'encodage (par exemple, pour utf-8: @charset "utf-8"; en début de fichier)

Mais vu ce à quoi ressemble ton fichier, je ne suis pas sur que la deuxième solutino fonctionnera...

A noter: cela ne pose pas de problème à IE6 qui applique bien le css
05/02/2008, 12h05
labarique

Problème d'encodage

Merci à vous !

Il y avait effectivement un problème d'encodage du CSS, que j'avais probablement enregistré en ANSI. Je l'ai réouvert dans le bloc-notes et réenregistré en UTF-8... et ça marche !

Merci beaucoup pour le temps que vous m'avez consacré.