[CSS] La css ne s'applique pas tjour

**zitoun** · 11/10/2007, 14h51

Salut
j'ai une page aspx qui pointe sur un fichier css.

Code :

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

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 :

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

<!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

**pcdj** · 11/10/2007, 14h57

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

**lutecefalco** · 11/10/2007, 15h02

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

Code :

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

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

**Akanath** · 11/10/2007, 16h21

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 :

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

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

**Merlin** · 11/10/2007, 19h28

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..

**Nip** · 12/10/2007, 04h55

Utiliser aussi un plugin comme firebug pour FF permet de voir quels sont les fichiers charges a l'affichage de la page.

**zitoun** · 15/10/2007, 11h19

Envoyé par pcdj

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

Après verification seul les styles des textbox et dropdownlist s'appliquent...

**zitoun** · 15/10/2007, 11h19

Envoyé par lutecefalco

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

Code :

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

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

J'ai essayé de cette façon c'est tjour pareil.

**lutecefalco** · 15/10/2007, 11h20

Lesquels ne s'appliquent pas?

**zitoun** · 15/10/2007, 11h21

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 :

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

<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.

**zitoun** · 15/10/2007, 11h24

Envoyé par lutecefalco

Lesquels ne s'appliquent pas?

Exemple:
Dans la page aspx:

Code :

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

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 :

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

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

**zitoun** · 15/10/2007, 11h37

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

Code :

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

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 :

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

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 :

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

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.

**Merlin** · 15/10/2007, 19h44

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...

[CSS] La css ne s'applique pas tjour

ASP.NET

Discussions similaires

Partager

Partager