you need to give the td a class attribute and remove the style tag from the td. you should not put the styles directly in the markup but you should instead put them in the stylesheet.  in this way, the image path for the url() used in the background-image style is relative to where the stylesheet is stored.

HI,

Thanks for ur fast reply.would u plz give me example code.

Regards,

In a css sheet (MyStyles.css) stored in you apps root folder, you can set your urls like this: 

.someCssClass { 
    background-image: url('imgs/topbg.png'); 
    background-repeat: no-repeat; 
    background-position: center center; 
    text-align: center;
}
 

In your masterpage head section you can add a link to that css sheet like this:

<link runat="server" 
      id="csslnk1"
      href="~/MyStyles.css"
      rel="stylesheet" type="text/css" />

This link uses a root relative syntax (using the ~/) so the stylesheet can be found no matter what folder/subfolder your page is being pulled from.

Then you can set your td background-image style inside that page by using a class selector like this:

<td class="someCssClass">

allanhorwitz:

That "~" sign may be the right way to do it, but in my experience, it just does not work right. My earlier post was marked as the answer.

Thank you, Mike, for showing me the error of my ways. And, also for the CSS tutorial.