fixed image background within a table cell?!

[missundastood61]

does anyone know how to do this? i am creating a website with tables. it has 2 cells, the first one containing the navigation and links, and the second with text, on a fixed image background but i cant get it to work. please, help, where do i need to insert the code to get the image to remain fixed within cell no. 2? so far, the best i have got is the two cells and a fixed background, but not within the cell. thanks for any help.

 

[dearjohn]

I'm sure there are many ways to do this, but I just had a similar instance where I used css. Positioning is critical here, so it can't be used without fixing positions. There are other options in css that let you position backgrounds over specified areas, but the following was a quick fix for my situation:


<tr>
<td width=&quot;130&quot;>navigation</td>
<td width=&quot;200&quot;><span style=&quot;position: absolute; left: 130; top: 5; z-index: -1&quot;>
<img border=&quot;0&quot; src=&quot;/images/wolf2_6.jpg&quot; width=&quot;200&quot; height=&quot;156&quot;></span>
this will go over the top
</td>
</tr>

Z index is heirarchy - (-1) would put it in the background.

Hope this helps -

 

[MrBelfry]

Using some style like this might be easier and won't require you to count pixels.

.backgroundimage {
background-image: url(image.gif);
background-position : top;
background-repeat : no-repeat;
}

MrBelfry

 

[missundastood61]

Thanks so much for your replies! Its working now!

 

[EmaleThis]

May we see what you did? I would be interested in seeing an example at work. Thanks.