MasterPage et image de fond

Version imprimable

15/09/2009, 09h09
TheReturnOfMuton

MasterPage et image de fond

Bonjour,

Voilà j'ai un petit souci avec ma masterpage : mon projet se compose de plusieurs pages aspx qui se trouvent dans plusieurs répertoires, sur plusieurs niveaux.
Le problème est que l'image de fond que j'applique à la master page n'est pas trouvée sur toutes les aspx (normal puisque le chemin de l'image est de la forme ~/toto/image.jpg).

Alors comment faire pour appliquer cette image à toutes les pages héritant de ma masterpage ? Y a-t-il un moyen d'aller chercher le chemin absolu avec un Server.mappath ou qqchose comme ça ?

Merci d'avance pour votre aide.
15/09/2009, 10h28
topolino

"~/toto/image.jpg", ceci doit marcher, car il se base sur la racine de ton site web. Peux importe ou se trouve ta page, l'image sera trouvée.

Cette image doit s'afficher sur la master page ou dans tes pages de contenu ?
Tu utlises les css ?
15/09/2009, 12h27
Arthis

Au besoin utilises l'instruction, this.ResolveUrl dans ta page afin de lui faire créer le bon chemin pour acceder à ta ressource.
17/09/2009, 09h53
TheReturnOfMuton
Bonjour,

Topolino, voici ce que j'ai mis dans ma master :
Code:

1 2 <body style="background-image:url('./Images/FondElec2N.jpg')">
Lorsque je remplace le point par ~ , alors l'image de fond n'apparaît plus, ni sur la master, ni sur les pages filles. Peut-être que cette syntaxe est incorrecte ?

Avec le point, seule la master et les pages du même répertoire trouvent l'image.

Sinon Arthis comment aller chercher l'image de fond de la master pour recréer le chemin ?

Merci à tous les 2,
21/09/2009, 09h05
falifalibe2

utilisation de master page

voila le mien est différent, je suis débutant en asp.net et je voudrais savoir comment utiliser un master page
21/09/2009, 09h36
Arthis

Citation:

Envoyé par falifalibe2

voila le mien est différent, je suis débutant en asp.net et je voudrais savoir comment utiliser un master page

quelques regles de ce forum :

1)Il faut éviter d'utiliser la question d'un autre pour poser les siennes
2) ne pas poser de questions aussi générales, mais plutôt tu essayes et quand tu te heurtes à un problème bien particulier au niveau technique alors tu poses une question sur laquelle on peut te répondre. On a pas assez de temps pour faire des introduction à telle ou telle question.

Pour les master pages ,il y plein de chose qui existent sur le net, google it!
21/09/2009, 10h34
p_mehdi

essaie

../Images/FondElec2N.jpg

ca devrait fonctionner.....:mouarf::mouarf:
22/09/2009, 08h01
falifalibe2

reponse asp.net

slt!
merci arthis de me rappeller les règles et surtout de me donner un lien pour chercher une réponse.
22/09/2009, 10h46
TheReturnOfMuton

Citation:

Envoyé par p_mehdi

essaie

../Images/FondElec2N.jpg

ca devrait fonctionner.....:mouarf::mouarf:

Merci Mehdi, mais ce n'est pas mieux... seules les pages d'un certain niveau voient le fond, mais plus la page maître, ni les pages de niveau n+2...
22/09/2009, 10h56
Arthis

et ceci ne marche pas ?

Code:

<body style="background-image:url('<%= this.ResolveUrl("~/Images/FondElec2N.jpg") %>')">

Cela signifie que ton image "FondElec2N.jpg" est dans un répertoire "Images" situé à la racine de ton site.
22/09/2009, 11h29
p_mehdi

moi perso j'ai ca dans mon css et ca marche dans tous les cas...

quelque soit la profondeur du dossier...
22/09/2009, 16h16
chemanel
Citation:
Envoyé par TheReturnOfMuton

Bonjour,

Topolino, voici ce que j'ai mis dans ma master :

Code:

1 2 <body style="background-image:url('./Images/FondElec2N.jpg')">

Lorsque je remplace le point par ~ , alors l'image de fond n'apparaît plus, ni sur la master, ni sur les pages filles. Peut-être que cette syntaxe est incorrecte ?

Avec le point, seule la master et les pages du même répertoire trouvent l'image.

Sinon Arthis comment aller chercher l'image de fond de la master pour recréer le chemin ?

Merci à tous les 2,
Salut !

Alors, 2 petites choses, le tag body est un tag HTML (donc rien a voir avec ASP .NET). le symbole "~" lui, est un symbole tiré du monde .NET ça veux dire "racine de l'application".

Tu as donc plusieurs solution a partir de la, la première d'Artis devrait marcher :

Citation:

Envoyé par Arthis

et ceci ne marche pas ?

Code:

<body style="background-image:url('<%= this.ResolveUrl("~/Images/FondElec2N.jpg") %>')">

Cela signifie que ton image "FondElec2N.jpg" est dans un répertoire "Images" situé à la racine de ton site.

Sinon, il en existe d'autres, tu peux par exemple ajouter l'arguement Id="xxx" et runat="server", ceci aura pour effet de rendre accessible ton tag body dans le code C#. Ensuite tu peux le manipuler en arrière plan.

Mais bon, tout ceci c'est du chipotage !

Le plus simple c'est d'ajouter 2 lignes de css :
Code:

1 2 3 body { background-image : url('/Images/FondElec2N.jpg'); }
Ici, l'absence de . ou de ~ avant le premier / signifie qu'il faut prendre la racine du site web. Donc par exemple, http://www.monsiteweb/Images/FondElec2N.jpg.

Et cette adresse sera toujours la même peut importe dans quel dossier se situe ta page !

J'espere avoir réussi a clarifier un peu les choses...

Bonne chance !
25/09/2009, 09h47
TheReturnOfMuton

Cool !

Salut à tous,
Ok la solution envoyée par Arthis marche très bien, merci beaucoup Arthis et merci à tous pour vos explications !
@ + !