how to set image as background in asp.net

Question

1.00/5 (1 vote)

See more:

i want to set image as background in asp.net.here is my code below.the code is not complete just to include where to set image as background.

XML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>BELLCONSULTS</title>
    <style type="text/css">
     .mn{text-decoration:none}
     #hd{background-image:url(C:\Users\BELLCONSULT\Desktop\bellweb\bellimage\BANNER1.jpg);}

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width:1200px; margin-left:100px; border-style:none">
            <tr>
                <td id="hd"  colspan="3" style="height:110px">

              </td>
            </tr>
            <tr>

Posted 27-Sep-13 10:51am

adesewa

Updated 17-Oct-19 1:23am

Add a Solution

Comments

Richard C Bishop 27-Sep-13 16:55pm

Do you get a red x in a white box instead of the image?

Member 13004728 16-Mar-17 11:55am

it is displaying image in design section but when i run a program image gets disappear

3 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Zoltán Zörgő** · Answer 1 · 2013-09-27T11:01:00

Solution 1

You can't refere to a local file in a css that is served via a web server. c:\... makes no sense in this context. Add an url that makes sense. For example an url to a static image from your web application.

Posted 27-Sep-13 11:01am

Zoltán Zörgő

londhess · Answer 2 · 2013-10-03T07:40:00

Create CSS class and give that css class to body element.It Will work.

XML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>BELLCONSULTS</title>
    <style type="text/css">

 .body
{
background:url("C:\Users\BELLCONSULT\Desktop\bellweb\bellimage\BANNER1.jpg");
background-repeat:no-repeat;
}
    </style>
</head>
<body class="body">;
    <form id="form1" runat="server">
    <div>
        <table style="width:1200px; margin-left:100px; border-style:none">
            <tr>
                <td id="hd"  colspan="3" style="height:110px">

              </td>
            </tr>
            <tr>

Member 13286677 · Answer 3 · 2017-10-20T00:01:00

You are using an incorrect path.
Don't forget to make sure you copy the image itself to your solution's folder

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>BELLCONSULTS</title>
    <style type="text/css">
     .mn{text-decoration:none}
     #hd{"background-image:url(header.jpg);}

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width:1200px; margin-left:100px; border-style:none">
            <tr>
                <td id="hd"  colspan="3" style="height:110px">
 
              </td>
            </tr>
            <tr>

how to set image as background in asp.net

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

how to set image as background in asp.net

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us