Discussion :

[TCW78]

Bonjour,

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

Code :

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

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

[zooffy]

Oui, tu peux avec cette forme là :

Code :

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

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.

[TCW78]

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

Code :

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

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 :

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

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

[zoltar_x]

Salut,

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

[zooffy]

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

[TCW78]

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.

[TCW78]

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 :

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

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.

[zooffy]

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.