FIXING A BACKGROUND IMAGE TO A SPECIFIC LOCATION WITHIN IN A TABLE:

Example will show an image sitting on the right side - at the bottom of the page.

Note: NN4x will not do either the fixed background or the background position

Use the following code directly in your stylesheet or place in the head of your page document.

Use this method of applying the background image as it is valid html. Others may suggest using bgproperties declaration, this however, is IE propriety code and is not valid html.

Or use this code to place directly into your webpage, just above the </head> tag.

<style type="text/css">

.borderTable {
background: url(../tutorial_pics/ladyfixed.jpg) fixed no-repeat right bottom;
padding: 10px 10px 10px 10px;
border: 1px solid #333333;
padding: 20px;
color: #333333;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

</style>

If you want to apply it cell of your table you could use:

.cellback {
background: url(../tutorial_pics/ladyfixed.jpg) fixed no-repeat right bottom;
padding: 10px 10px 10px 10px;
border: 1px solid #333333;
padding: 20px;
color: #333333;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

and apply it to the required cell via the property inspector

<td class="cellback">

Tip:

Select the tag you want to apply the background image too, bottom
left in the Dreamweaver design screen, <td>, <table>, or <div> etc. Open
the css selector and choose cellbg.

Back to tutorial pages