affichage background-image sur un div

Version imprimable

08/10/2008, 13h23
bourriket

affichage background-image sur un div

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 ++++
08/10/2008, 19h32
lutecefalco

C'est quoi l'arborescence de ton site?
08/10/2008, 19h55
bourriket

http://lh3.ggpht.com/benoit.monchatr...k/Capturer.JPG

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
08/10/2008, 20h01
lutecefalco

Et t'as mis quoi dans background-image:url(....)?
08/10/2008, 20h07
bourriket

App_Themes/default/Images/barre-titre.png
08/10/2008, 20h15
lutecefalco

et juste Images/barre-titre.png?
08/10/2008, 20h18
bourriket

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.
08/10/2008, 20h28
bourriket

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

http://lh5.ggpht.com/benoit.monchatr...w/Capturer.JPG

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;
}

code du master :

Code:

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:

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

09/10/2008, 22h03
bourriket

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.