back ground image was not displaying in master page

Posted by reddysankark-13471 under CSS 3 on 10/25/2012 | Points: 10 | Views : 1399 | Status : [Member] | Replies : 1
in this header i add one background image but it was not displaying in master page.please clarify this i am new in this concept

cssfile

#container
{
background-color:White;
width: 80%;
padding:10px;
margin: 0px auto;
}

#header
{
color: #FFFFFF;

float:right;
width: 90%; height: 100px;
background-color: #778CB3;
}
#header1
{
color: #FFFFFF;
width: 10%;
height: 100px;
background-color:Green;
background-image:url('tulips.jpg');

}
#NavMenu
{
margin:4px 4px 0px 4px;
color: #FFFFFF;
width: 100%; height: 30px;
background-color:Teal;
}
#sidePanel
{


width:20%;

margin:4px 4px 4px 4px;
background-color: #778CB3;



}
#content
{
float:right;
margin:4px 0px 4px 0px;
width:80%;
background-color: #A0AFCB;
}
#footer
{
background-color: #F7CB33;
padding: 12px;
color: #000000; font-size: 90%;
text-align: center; clear: both;
}


masterpage coding

<form id="form1" runat="server">
<div id="container" corner="10">
<div id="header" corner="10"></div>
<div id="header1" corner="10" >

</div>

<div id="NavMenu" corner="10" ></div>
<div id="content">

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div>
<div id="sidePanel">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>


<div id="footer" corner="10"></div>
</div>
</form>

sankarreddy


Responses

Posted by: Seng2hs on: 10/25/2012 [Member] Starter | Points: 25

Up
0
Down
1. Give correct path of the image.
or use this
2. background-image:url('../tulips.jpg');

reddysankark-13471, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response