affichage background-image sur un div

**bourriket** · 08/10/2008, 13h23

Salut tout le monde, everybody !!!

Mon souci qui se transforme en arrachage de cheveux à déjà été posté dans ce forum, mais le dépositaire à trouver la solution tout seul comme un grand,seulement il ne là donne pas.

Voici,voila.

J'ai une page maître, avec un <div> pour l'entête, et une autre enfant avec un <div> pour mon contenu. Jusque là, tout marche.
Un thème qui fonctionne (j'arrive en css à mettre un background:blue; sur mes deux div par leur nom de class) en liant mon thème à ma page enfant.

Mais Je n'arrive pas à configurer un background-image:url(....); sur ces mêmes div. Vérifie le chemin de ton image vous allez me dire.Je l'ai plus que vérifié et même renseigné par la boite de dialogue et rien n'y fait.

Mon image est dans mon thème dans un dossier Images et le css généré donne:background-image:url(Image/titre-haut.png)

Je pense avoir donné le maximum de précision et espère que quelqu'un pourrat m'aider avant que je devienne chauve.

Merci ++++

**lutecefalco** · 08/10/2008, 19h32

C'est quoi l'arborescence de ton site?

**bourriket** · 08/10/2008, 19h55

J'espère que tu peux me débloquer.

J'ai lu sur des posts que dans certains cas il faut mettre des ~ devant le chemin. J'ai testé : NOK

merci

**lutecefalco** · 08/10/2008, 20h01

Et t'as mis quoi dans background-image:url(....)?

**bourriket** · 08/10/2008, 20h07

App_Themes/default/Images/barre-titre.png

**lutecefalco** · 08/10/2008, 20h15

et juste Images/barre-titre.png?

**bourriket** · 08/10/2008, 20h18

NOK
Images/barre-titre.png ne passe pas.

J'avais déjà essayé, mais j'ai retesté sur les deux div si jamais ca fais une difference entre la maitre et la page de contenu.

**bourriket** · 08/10/2008, 20h28

tu vois, alors que backgroung blue sur le div master et backgroung red sur le contenu, configuré dans la feuille de style marchent

voici le code de la feuille de style :
.titre
{
background-image: url(Images/barre-titre.png);
background: blue;
background-repeat: no-repeat;
background-attachment: fixed;
}
.titre2
{
background-image: url(Images/barre-titre.png);
background: red;
background-repeat: no-repeat;
background-attachment: fixed;
}

**bourriket** · 08/10/2008, 20h33

code du master :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site1.master.vb" Inherits="BnJ_solution.Site1" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Page sans titre</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div class="titre">
 
        dfxcxdcsfdsdsdsd<br />
        fgfgfgfgfgfgfgfd<br />
        gfgfgfgfgfgfgfg<br />
        fgfg<br />
        fg<br />
        fgfg<br />
        fg<br />
        f<br />
        gfg</div>
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

code du webform.apx :

Code :

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

1
2
3
4
5
6
7
<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/Site1.Master" CodeBehind="WebForm1.aspx.vb" Inherits="BnJ_solution.WebForm1" 
    title="Page sans titre" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="titre2">xxxxxxxxxxxxxxxxxxxxxxxxx</div>
</asp:Content>

web config :
<pages theme ="default">

Je pense avoir tout dis !!!!

**bourriket** · 09/10/2008, 22h03

problème résolou !!!!!

Je ne peux pas vous dire comment. J'ai juste supprimé l'interieur des class dans le css et recommencé, cette fois ci entierement avec le generateur.
tout est scrupulusement écrit de la même manière mais ca marche.

affichage background-image sur un div

ASP.NET

Discussions similaires

Partager

Partager