Insertion d'une feuille de style css dans une application web ASP.NETRésolu

Question

Bonsoir, je suis débutant en ASP.NET, je voudrais insérer une feuille de style dans mon application web, j'ai essayé ce code mais ça ne marche pas (j'utilise une page maitre)

cs_jopop · Accepted Answer

Salut,

ton problème ne vient-il pas de la valeur de ton HREF ?

Déjà, même si les accents viennent d'arriver chez nous pour les DN, je suis pas sûr que ton IIS/Serveur de dev' aime bien ça. Il y a aussi peut-être un souci au niveau du chemin d'accès qui là est relatif.

Sinon c'est la bonne syntaxe pour la balise.

Fdass03 · Answer

J'ai commencer à travailler sans feuille de style et ça marche bien, mais dé que j'ai inséré la feuille se style css, le navigateur (firefox) m'affiche les anciennes interfaces!!! et pendant la compilation il n'y a aucune erreur

cs_jopop · Answer

La partie HTML n'est pas validée lors de la compilation, ça peut compiler et être bourré d'âneries ;)

Sinon tu as peut-être un simple souci de cache dans ton navigateur.
Fais un reload complet en forçant le cache (Ctrl+F5) pour voir.

Quoi qu'il en soit : change le nom de ton répertoire vers quelque chose sans accent, et met ton URI en absolue.

PS : ne fais pas "réponse acceptée" sur tous mes messages, garde ça pour quand on aura vraiment trouvé ton problème.

Fdass03 · Answer

javascript:void(0); J'ai le méme probléme Voila le code entier de ma page maitre <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication6.Site1" %>

cs_jopop · Answer

Les URI sans accent et en absolue ... Change le nom de ton répertoire monthème vers montheme. Change l'URI en "/App_Themes/montheme/monstyle.css" (note bien le premier slash qui fait qu'on est en absolue et non plus en relatif).

Si ça passe toujours pas :
 - tu as mal orthographié le nom du fichier CSS ou son chemin,
 - le contenu de ton fichier CSS est incorrect,
 - le contenu de ton fichier CSS fait référence à des classes et identifiants qui n'existent pas dans ta page.

Fdass03 · Answer

voila le code de ma feuille de style:
body 
{
background-color: Silver;
}
j'ai commencé par ça pour essayer

cs_jopop · Answer

Oki, le contenu est correct.
C'est donc bien un souci de chemin d'accès.

Pour savoir si ton fichier CSS est accessible via le chemin que tu as donné, affiche le code source de ta page sous FireFox (click droit > code source de la page). Dans le HTML qui apparaît clique sur le lien du fichier CSS, si tu obtiens une page d'erreur c'est qu'il s'agit bien d'un problème de chemin.

Fdass03 · Answer

Il n'y a pas d'erreur 
je pense qu'il y a quelque chose qui ne marche pas a un autre niveau, parce que lorsque j'ajoute webform et je l'appel via un bouton, ça implique une erreur

cs_jopop · Answer

Petit truc à tester : supprime ton ContentPlaceHolder dans le head, je crois pas que ce soit bien apprécié par la CLR (rien du sûr, mais vu qu'on a pas d'autre idée pour l'instant )

Fdass03 · Answer

Impossible de trouver ContentPlaceHolder 'head' dans la page maître '/Site1.Master' ; vérifiez l'attribut ContentPlaceHolderID du contrôle de contenu dans la page de contenu.

cs_jopop · Answer

Dans ton code, je parle de la ligne en gras : [i] /i [..] Et une fois ces lignes supprimées, il faut supprimer l'objet C# associé dans tes fichiers .cs (mapage.aspx.cx et mapage.aspx.designer.cs). Bon par contre j'ai fait une tite recherche google et à part une exception bidon levée, ça devrait pas foutre le while ... Et donc quand tu cherches à joindre le fichier CSS depuis la source de la page interprétée ça fonctionne correctement ? FireFox t'affiches bien le contenu dudit fichier CSS ? Avec une URI sans accent et en absolue s'entend.

Fdass03 · Answer

Enfin ca marche :)
mais s'applique au fond et non au division des webform

cs_jopop · Answer

Ben ce qui compte c'est que la CSS soit prise en compte.
Maintenant va falloir bidouiller ton fichier pour obtenir quelque chose de joli ^^

Fdass03 · Answer

s'il vous plait, comment appliquer la feuille de style dans un 
 de la page maitre

cs_jopop · Answer

Lis les bases du CSS, autrement t'es pas rendu. Quelques truc :

 - une CSS qui s'applique à toutes les div :
div { /* mon CSS */ }

 - une CSS qui s'applique aux div de la classe maclasse :
div.maclasse { /* mon CSS */ }

 - une CSS qui s'applique à tous les objets de la classe maclasse :
.maclasse { /* mon CSS */ }

 - une CSS qui s'applique à la div dont l'identifiant est mondiv :
div#mondiv { /* mon CSS */ }

 - une CSS qui s'applique à l'objet (quelque qu'il soit) identifié par monobj :
#monobj { /* mon CSS */ }

Avec ça tu devrais déjà pouvoir faire un paquet de trucs.

Bon CSS

Fdass03 · Answer

s'il vous plais Monsieur, je n'ai pas compris ce cours, je fais l'appel mais ca ne marche pas

Fdass03 · Answer

Comment faire l'appel d'une feuille de style CSS dans le 
 de la page maitre???

cs_jopop · Answer

La réponse est au-dessus.

Bonne continuation

Fdass03 · Answer

Merci Monsieur Jopop pour votre soutien, mais la méthode d'appel que vous m'avez proposé ne fonctionne pas

Insertion d'une feuille de style css dans une application web ASP.NET

19 réponses

Votre réponse