[CSS] La css ne s'applique pas tjour

Version imprimable

11/10/2007, 14h51
zitoun

[CSS] La css ne s'applique pas tjour
Salut
j'ai une page aspx qui pointe sur un fichier css.
Code:

1 2 3 4 <head runat="server"> <link href="http://localhost/Sejour/Style/css/Client1.css" type="text/css" rel="stylesheet" /> <title>Recherche</title> </head>
La css ne veux s'applique à la page aspx que si j'enlève la ligne mise par default lorsque je crée la page aspx

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Si je remet cette ligne la page apparait sans css.

Quelqu'un peut m'explique svp...?
Merci
11/10/2007, 14h57
pcdj

aucun style n'est appliqué ou seulement quelques uns?
11/10/2007, 15h02
lutecefalco

C'est peut etre que le Transitional n'accepte pas un CSS "externe".
Faudrait mettre:

Code:

<link href="Style/css/Client1.css" type="text/css" rel="stylesheet" />
11/10/2007, 16h21
Akanath

Arrives tu à aller sur cette page ?
http://localhost/Sejour/Style/css/Client1.css

Ou alors, tu as peut etre un port dans ton application...Que tu n'aurais pas retranscrit..

Pense aux chemins relatifs
Ex :

Code:

<LINK id="style" href="Styles/style.css" type="text/css" rel="stylesheet">
11/10/2007, 19h28
Merlin

un truc tout bête quand on teste du CSS sur une page web, c'est peut être pas ton problème, mais il m'est arrivé de perdre du temps les premières fois à cause de ça : ne pas oublier après avoir changer le css de faire un refresh dans l'explorer (F5), parfois il garde soit l'ancien css, soit des bouts, et ça donne l'impression que ce qu'on vient de faire ne marche pas alors qu'il n'en est rien..
12/10/2007, 04h55
Nip

Utiliser aussi un plugin comme firebug pour FF permet de voir quels sont les fichiers charges a l'affichage de la page.
15/10/2007, 11h19
zitoun

Citation:

Envoyé par pcdj

aucun style n'est appliqué ou seulement quelques uns?

Après verification seul les styles des textbox et dropdownlist s'appliquent...
15/10/2007, 11h19
zitoun

Citation:

Envoyé par lutecefalco

C'est peut etre que le Transitional n'accepte pas un CSS "externe".
Faudrait mettre:

Code:

<link href="Style/css/Client1.css" type="text/css" rel="stylesheet" />

J'ai essayé de cette façon c'est tjour pareil.
15/10/2007, 11h20
lutecefalco

Lesquels ne s'appliquent pas?
15/10/2007, 11h21
zitoun

Citation:

Envoyé par Akanath

Arrives tu à aller sur cette page ?
http://localhost/Sejour/Style/css/Client1.css

Ou alors, tu as peut etre un port dans ton application...Que tu n'aurais pas retranscrit..

Pense aux chemins relatifs
Ex :

Code:

<LINK id="style" href="Styles/style.css" type="text/css" rel="stylesheet">

Oui j'arrive a afficher cette page http://localhost/Sejour/Style/css/Client1.css
dans mon browser.

Le chemin relatif ne marche pas non plus.

Citation:

Envoyé par lutecefalco

Lesquels ne s'appliquent pas?

Exemple:
Dans la page aspx:

Code:

1
2
3
        <div class="Title_1" style="height: 30px; line-height: 30px; background: url(Style/images/TOPSECTION.gif) no-repeat;">
		    <asp:Label ID="lblTitreZone2" runat="server" Text="Répartition" ></asp:Label>
        </div>

Dans la css:

Code:

1
2
3
4
5
6
7
.Title_1 {
	padding-left: 20px;
	color: #333333;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}

il semblerait que dans le fichier aspx les classes css doivent commencer par un caractere minuscule, en effect j'ai changé
Code:

1 2 3 <div class="Title_1" style="height: 30px; line-height: 30px; background: url(Style/images/TOPSECTION.gif) no-repeat;"> <asp:Label ID="lblTitreZone2" runat="server" Text="Répartition" ></asp:Label> </div>
Par
Code:

1 2 3 <div class="title_1" style="height: 30px; line-height: 30px; background: url(Style/images/TOPSECTION.gif) no-repeat;"> <asp:Label ID="lblTitreZone2" runat="server" Text="Répartition" ></asp:Label> </div>
Alors que la css reste telle quelle:
Code:

1 2 3 4 5 6 7 .Title_1 { padding-left: 20px; color: #333333; font-weight: bold; font-size: 13px; text-align: left; }
et ça marche...
Je considère que c'est résolu, mais j'aimerai bien avoir une explication...
Merci.

15/10/2007, 19h44
Merlin

Ah oui, autre truc stupide qui m'a fait perdre du temps au début et que j'aurais du te signaler, en dehors du refresh dans l'explorer pour ne pas afficher l'ancien css, c'est que le css c'est case sensitive.. Donc un type "machin" c'est pas "Machin".

C'est agaçant de perdre du temps sur des bêtises pareilles...