how to get background image within webpage of subfolder

Question

0.00/5 (No votes)

See more:

hey guys n gals

I am creating website which have admin module..now i want to set background image of the pages,which are in admin module.

the code is as written below:

<body style="background-image:url(dbg.jpg);"  runat="server">

but I am not getting any image. please guide me.

regards,
mehrin

Posted 19-Feb-11 0:00am

mehrin_amin

Updated 19-Feb-11 0:48am

DaveAuld

v3

Add a Solution

Comments

DaveAuld 19-Feb-11 6:50am

Edit: removed random semicolon from end of tag content

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

DaveAuld · Answer 1 · 2011-02-19T00:45:00

The problem you may be facing is relative paths to the image.

Depending on where your document is located relative to the image things may not work as expected.

In CSS you cannot use the tilde (~) symbol to get the project root, i tried and it does not work, so you have to use root based paths using /.

I have also seen people hop up the tree using ../../ notation, but thing this is to risky and better to work root down.

e.g.

HTML

<body style="background-image:url(/folder/folder/images/image.jpg)"  runat="server">

if you miss the leading '/' you end up with a relative path.

m@dhu · Answer 2 · 2011-02-19T00:22:00

Solution 1

If you are having image under Admin folder then

<body style="background-image:url(Admin/dbg.jpg)"  runat="server">

Posted 19-Feb-11 0:22am

m@dhu

Comments

DaveAuld 19-Feb-11 6:46am

This is true, but that is relative to the document, so if using master pages etc, this can still fail depending on you project structure. See my answer for an extended explanation.

Sergey Alexandrovich Kryukov 19-Feb-11 22:44pm

Dave's right, still the answer's basically correct, my 4.
--SA