MasterPage et image de fond

**TheReturnOfMuton** · 15/09/2009, 09h09

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.

**topolino** · 15/09/2009, 10h28

"~/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 ?

**Arthis** · 15/09/2009, 12h27

Au besoin utilises l'instruction, this.ResolveUrl dans ta page afin de lui faire créer le bon chemin pour acceder à ta ressource.

**TheReturnOfMuton** · 17/09/2009, 09h53

Bonjour,

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

Code :

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

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,

**falifalibe2** · 21/09/2009, 09h05

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

**Arthis** · 21/09/2009, 09h36

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!

**p_mehdi** · 21/09/2009, 10h34

essaie

../Images/FondElec2N.jpg

ca devrait fonctionner.....

**falifalibe2** · 22/09/2009, 08h01

slt!
merci arthis de me rappeller les règles et surtout de me donner un lien pour chercher une réponse.

**TheReturnOfMuton** · 22/09/2009, 10h46

Envoyé par p_mehdi

essaie

../Images/FondElec2N.jpg

ca devrait fonctionner.....

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

**Arthis** · 22/09/2009, 10h56

et ceci ne marche pas ?

Code :

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

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

**p_mehdi** · 22/09/2009, 11h29

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

quelque soit la profondeur du dossier...

**chemanel** · 22/09/2009, 16h16

Envoyé par TheReturnOfMuton

Bonjour,

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

Code :

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

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 :

Envoyé par Arthis

et ceci ne marche pas ?

Code :

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

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

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

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 !

**TheReturnOfMuton** · 25/09/2009, 09h47

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

MasterPage et image de fond

ASP.NET

Discussions similaires

Partager

Partager