probleme de background-image CSS

Bonjour, j'ai une page aspx avec un menu qui contient un style d'arrière plan css, le fond s'affiche dans visual studio mais pas dans le navigateur

code css:

Code:

---

1 2 3 4 5 6 7

.menuitem { color:black; border:Solid 1px Gray; background-image : url("\fonds\BAccueil.JPG"); padding:2px 5px; }

---

menu:

Code:

---

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

<asp:Menu id="Menu4" Orientation="Horizontal" StaticMenuItemStyle-CssClass="menuitem" DynamicMenuItemStyle-CssClass="menuitem" Runat="server" StaticMenuItemStyle-Height="45px" StaticMenuItemStyle-Width="122px">   <Items> <asp:MenuItem Text="Accueil"> <asp:MenuItem Text="Nouveautés" /> <asp:MenuItem Text="téléchargements" /> </asp:MenuItem> </asp:MenuItem> </Items> </asp:Menu>

---

Savez-vous pourquoi? Merci

Bonjour fonkydu10,

As-tu essayé avec Firefox, et regardé la console d'erreur pour voir quelle ligne pose problème dans ton css ?

A coup sûr il s'agit d'un problème au niveau de l'url de ton image. Essaye comme ceci :

Code:

---

url(../fonds/BAccueil.JPG)

---

En espérant t'avoir aidé.

Salut,

J'aurais plutôt mis des quotes

Code:

---

url('../fonds/BAccueil.JPG')

---

A+

Il n'y a théoriquement pas besoin de quote dans un fichier .css. Mais ça vaut le coup d'essayer.

C'est pas moi qui le dit :) http://www.w3schools.com/css/pr_background-image.asp

Hum, disons que nous avons tous les deux raisons :mrgreen:

Citation:

---

The format of a URI value is 'url(' followed by optional white space followed by an optional single quote (') or double quote (") character followed by the URI itself, followed by an optional single quote (') or double quote (") character followed by optional white space followed by ')'. The two quote characters must be the same.

---

Ça ce sont les recommandations telles quelles W3C pour la version 2 des CSS. En ce qui concerne la version 3, nulle trace des quotes ou doubles quotes (excepté lorsque l'url contient une virgule), comme illustré ici.

Mais bon, honnêtement, entre les différentes version des recommandations CSS, les différents moteur de rendu des navigateurs, et les différences de rendu pour les différentes version d'un même navigateur, on s'y perd vite :aie:.

Du moment qu'un code web fonctionne correctement sur les principaux navigateurs, c'est déjà bien :ccool:

Merci pour vos réponses, malhereusement ca ne fnctionne toujours pas.
J'ai regardé la console firefox et il n'y a pas d'erreurs, j'ai essayé
"\fonds\BAccueil.JPG", '\fonds\BAccueil.JPG', "..\fonds\BAccueil.JPG", '..\fonds\BAccueil.JPG', "~\fonds\BAccueil.JPG", ..\fonds\BAccueil.JPG, mais rien à faire

Ce qui m'étonne le plus c'est que le fond est toujours bien visible dans visual studio

Bizarre ton problème. L'affichage ne se fait pas dans ton browser lorsque tu lances l'appli via Visual Studio, ou bien lors de la consultation de l'appli sur le serveur ? Dans le deuxième cas vérifie bien que le fichier css ou l'image sont bien publiés.

J'ai regardé vite fait une de mes applis, je fait tout simplement ceci (j'utilise les thèmes donc un fichier .skin mais c'est la même syntaxe que sur une page ASPX) :

Code:

---

1 2 3 4 5 6

<asp:Menu SkinID="MainMenu" runat="server" [...]> <LevelMenuItemStyles > <asp:MenuItemStyle [...] CssClass="XMenuItem" /> </LevelMenuItemStyles> [...] </asp:Menu>

---

Et mon .css :

Code:

---

1 2 3 4

.XMenuItem { background-image:url(Image/bckrg_header.gif); background-repeat:repeat-x; }

---

Aucun problème d'affichage avec cette syntaxe.

Convertit BAccueil.jpg en PNG, tu verras ça s'affichera! Je pense que c'est un bug d'IE or je n'ai pas trouvé de note sur ça en cherchant sur Google

J'ai le même problème: http://www.developpez.net/forums/d90...ns-dimage-css/

Voilà, j'avais le même problème et j'ai juste mis mon image dans le meme dossier que mes pages.asp et dans le fichier css j'ai ceci: background:url("bobo.jpg");
et ça marche!!