CSS background image trouble! please help…m a newbie!

 Hi,…

      i am using Css to get a background image for my header in my default.aspx file but its just not showing up in the design view, not even when i view it in IE. please help.

this is my css :

body
{
padding-right: 1%;
padding-left: 1%;
padding-bottom: 1%;
margin: 0%;
padding-top: 1%;
height: 98%;
background-color: #cc9966;
text-align: center;
}
#headerGraphic
{
background-image: url(Images/bannerfinal2.jpg);
clear: both;
float: none;
width: 700px;
height: 246px;
}

 

and this my default.aspx file

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml&quot; >
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
    p
    {
        text-align: justify;
    }
    .centerAlign
    {
        text-align: center;
    }
</style>
    <link href="CSS/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="headerGraphic"></div>    
    <div id="navigationArea">| link1 | link2 | link3 |</div>
    <div id="bodyArea">
    <div id="bodyLeft">left text</div>
    <div id="bodyRight">right text</div>
    </div>
    <div id="footerArea">Copyright 2008 – 2009: MySite, Inc.</div>
        
    </div>
    </form>
</body>
</html>

 

Read More

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s