CSS background-image : Référence Image du Projet

Bonjour,

j'ai un stylesheet dans mon site web et j'ai un asp:Label qui lui fait référence :

Code:

---

1 2 3 4 5 6 7 8 9 10

.TextboxLabelContent { background-color:#FFFFFF; width:600px; padding-top: 0px; padding-left: 0px; text-align:justify; background-image: "SiteHeader.jpg"; }

---

Mon problème est au niveau du background-image, doit-il faire référence à une image sur mon site avec le URL ou je peux faire référence à une image qui est incluse dans mon "projet" ASP.Net, exemple : ~/App_LocalResources/SiteHeader.jpg

Merci

Oui, tu peux avec cette forme là :

Code:

---

1 2	background-image:url('/App_LocalResources/SiteHeader.jpg');

---

Mais je te conseil de ranger tes image dans le dossier App_Thème, ainsi que ton fichier CSS et tout ce qui se rappote au design et aux visuels du site.

Rien ne fonctionne, j'ai mon label sur ma page où je lui donne le CssClass.

Code:

---

1 2	<asp:Label ID="lblLatestNewsTitle" CssClass="TextboxLabelNewsHead" runat="server" Text="&nbsp;.:&nbsp;&nbsp;Site News"></asp:Label>

---

Et je sais que ça fonctionne parce que si je change mon font color pour "Lime", le texte apparait en vert lorsque je load ma page dans le browser.

Voici le CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

.TextboxLabelNewsHead { padding-top: 0px; padding-left: 0px; text-align: justify; background-image: url(App_Themes/Blue/SideHeader.jpg); font-weight: bold; vertical-align: middle; text-align: left; background-position: left center; background-attachment: fixed; background-repeat: repeat; }

---

Mais la propriété background-image ne semble pas être prise en compte.

J'ai même utilisé le "Build Style" de Visual Studio dans mon css pour le "background-image", je me suis dit, il va l'inscrire dans mon css file de la bonne façon...

Salut,

Essaie directement l'attribut BackImageUrl dans ton asp:label.

T'as oublié les quotes dans l'URL de l'image dans le CSS

Citation:

---

Envoyé par zoltar_x

Salut,

Essaie directement l'attribut BackImageUrl dans ton asp:label.

---

Je ne sais pas si c'est parce que je suis en VS2005, mais asp:Label n'a pas la propriété BackImageUrl.

Citation:

---

Envoyé par zooffy

T'as oublié les quotes dans l'URL de l'image dans le CSS

---

Le BuildStyle de VS2005 ne met pas de quotes, et même avec les quotes, ça ne fonctionne pas.

J'ai finalement mis mon header dans un panel et ça fonctionne...

Code:

---

1 2 3 4 5 6

<asp:Panel ID="Panel1" runat="server" BackImageUrl="~/App_Themes/Blue/SideHeader.jpg"> <asp:Label ID="lblLatestNewsTitle" CssClass="TextboxLabelNewsHead" runat="server" Text="&nbsp;.:&nbsp;&nbsp;Site News"></asp:Label> <br /> <hr class="SiteNewsHeader" /> </asp:Panel>

---

Pas des plus merveilleux comme système, ça fonctionne, mais je ne comprends toujours pas pourquoi le CssClass ne prend pas le background-image.

J'ai pas les moyens de vérifier tout de suite, amis efectivement, je pense que e Label ne tolère pas d'image de BackGround (mais j'en suis pas sur).

Du coup, CSS ou pas, je pense que le Panel est peut être la meilleur solution.

Mais je vérifie d'ici la fin de journée.