Member Avatar for kgenn

hi! ;)

I just want to asked on how I can set the image as background.

I put an image on the working station but once I run it, it doesn't appear on the browser. thanks.

I'm using Visual Studio 2008 ;)

  • 4 Contributors
  • 7 Replies
  • 6K Views
  • 6 Years Discussion Span
  • Latest Post Latest Post by diafol
Member Avatar for kvprajapati

Hi!

I presume that your image is stored inside Images folder under root of your web-app.

Code your web-page

<head runat="server">
  <style type="text/css">
       .sample
        {
          background:url(Images/image1.jpg);
         }
  </style>
</head>

<body>
  <div class="sample">
      <h1>Sample Text</h1>
  </div>
</body>
Member Avatar for kgenn

hello sir :)

thank you for your reply :D

but the image is still not appearing in the browser.

here's the code that I made.

<html>
<head runat="server">
    <style type="text/css">
        .sample
        {
        	background:url(~/App_Data/s2.jpg);
        	}
    </style>
    <title>Lupon</title>
</head>
<body>

    <form id="form1" runat="server">
    <div class="sample">
    </div>

    </form>
</body>
Edited by kgenn because: n/a
Member Avatar for kvprajapati

Do not place images inside the special folder like App_Data, App_code etc. Create a folder named Images under your root and move all image files into it.

I presume following structure,

Webapp/
      |----------------\Images
      |                  |s2.jpg
      |sample.aspx
<html>
<head runat="server">
    <style type="text/css">
        .sample
        {
        	background:url(Images/s2.jpg);
                height:300px;
                width:300px;
          }
    </style>
    <title>Lupon</title>
</head>
<body>

    <form id="form1" runat="server">
    <div class="sample">
         
    </div>

    </form>
</body>
Member Avatar for kgenn

Thank you very very very very mucchh sir :)

it works :)

very much thank you. :)

now I can move to the next project :)

thank you sir :)

God bless :)

thanks! :D

Member Avatar for kvprajapati

Thanks! kgenn. All the best.

Member Avatar for sahana_2

how to put background image to full screen without repeating or tiling of a image?

Member Avatar for diafol

Use cover.

commented: Good answer in any war zone. +12
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.