Discussion :

[Freud44]

Bonjour tout le monde

Je développe une page aspx pour mon projet web, j'ai donc un fichier css pour le style de ma page.

Problème rencontré, les liens depuis le .css vers des images ou autre, dans des répertoires. J'ai un doute sur ma syntaxe car je n'arrive pas à faire apparaître mes images sur la page web.

En gros j'ai un répertoire de ce genre :

monSiteWeb/Images
monSiteWeb/MonDossier1/SousDossier/Mapage.aspx
monSiteWeb/MonDossier1/SousDossier/MapageCSS.css

En code source on retrouve dans Mapage.aspx l'appel du fichier css:

Code :

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

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

Dans mon fichier css, j'ai ceci pour appeler une de mes images:

Code :

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

1
2
 
background-image: url("../Images/themes/orange/buttn_Bg.gif");

Je développe avec visual studio 2008 et j'aimerai savoir sion a un moyen de vérifier ce lien car ca ne fonctionne pas et, c'est tout bête mais je ne retrouve pas mon fichier...

merci

[cinemania]

ton url dans ton css est fausse...
ca saute aux yeux...

monSiteWeb/MonDossier1/SousDossier/MapageCSS.css
monSiteWeb/MonDossier1/SousDossier/Mapage.aspx

et dans ton css :

Code :

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

1
2
 
background-image: url("../Images/themes/orange/buttn_Bg.gif");

tu n'a pas l'impression qu'il manque quelque chose ?
quand tu écrit cela, il va chercher le répertoire :

monSiteWeb/MonDossier1/Images

pour y trouver ton image...

il faut écrire cela :

Code :

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

1
2
 
background-image: url("../../Images/themes/orange/buttn_Bg.gif");

[Freud44]

entre temps c'est ce que j'ai fait, effectivement sur visual studio, je vois mon image de fond apparaître sur l'aperçu.

mais....il y a un hic, lorsque je charge ma page sur un navigateur, mon image n'apparaît pas...j'ai beau redémarrer mon service IIS ou vider le cache d'IE, je ne vois pas l'image.

une idée?

[tontonks]

est-ce que ton site demande une authentification ?

[Freud44]

Non non.

C'est un site "basique", pour info, j'ai copié l'intégralité de mon fichier CSS pour le coller dans le source de ma page aspx, et cela fonctionne. Le problème ne vient donc pas du code css mais du fait qu'il ne charge jamais la page css.

En plus pour l'essai, j'ai fait exprès de mettre dans le même répertoire ma page Aspx et ma page css.

[tontonks]

Montre nous l'intégralité de ton code html et css. on y verra peut etre plus clair

[Freud44]

Voici l'appel de ma page css:

Code :

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

1
2
3
 
 
<link href="OriginateEdit.css" rel="stylesheet" type="text/css" />

Dès que je mets ca, dans l'apercu de visual studio 2008, je vois mon style s'appliquer, mais dès que je passe sur internet explorer, cela ne fonctionne pas.

je n'ai aucun style d'appliqué.

Pour que cela fonctionne, je suis obligé de coller mon code css dans la page aspx;

[Arthis]

Code :

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

background-image: url("../Images/themes/orange/buttn_Bg.gif");

est une Url relative cela signifie que tu seras redirigé en fonction du fichier aspx qui l'appelera . Je m'explique :

Code :

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

Mondossier1/Mapage.aspx => Images/themes/orange/buttn_Bg.gif

alors que :

Code :

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

Mondossier1/MonDossier2/Mapage.aspx => Mondossier1/Images/themes/orange/buttn_Bg.gif

Bon code à toi,

[Freud44]

Je comprends ou tu veux en venir.


Par contre ormis cette erreur qui pourrait faire que mes images de fonds ne s'affiche pas, cela n'explique pas pourquoi lorsque je mets des infos de style texte en gras, ca ne fonctionne pas non plus.

Je re précise que mon fichier aspx et css sont ds le meme répertoire pour mes tests.

Donc au pire des cas, ton exemple ci-dessous n'est pas valable pour mon cas de figure.

Dis moi si je me trompe, mais que je mette mon code css dans un fichier css ou dans le source de la page aspx ne change rien, à la condition que les 2 fichiers sont dans le même répertoire... non?

[Arthis]

Dis moi si je me trompe, mais que je mette mon code css dans un fichier css ou dans le source de la page aspx ne change rien, à la condition que les 2 fichiers sont dans le même répertoire... non?

qu'il soit dans le me répertoire importe peu, ce qui importe c'es que le chemin vers le fichier css soit correct.

Pour déboguer, je te conseille de commencer par faire un règle de css simple dans ta page vérifier qu'elle fonctionne, et ensuite la placer dans un fichier css séparé.
Cela te permettra d'être sur dans l'aiguillage de tes recherches. Si en deuxieme etape cela ne fonctionne pas alors c'est que tu dois avoir un souci dans la balise :

Code :

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

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

car ta page n'arrive pas à accéder au fichier OriginateEdit.css.

N'hésites pas a utiliser un add-on style firebug pour voir ce que ta page reçois comme information.