Hi folks,

This is something im completely new to, so you'll have to bear with me.

In a single cell in a table, I need a background picture that stay behind
all of the text and other images, but also stays in the lower right corner of the cell even when the cell size is changed.

I don't know if this is Javascript, DHTML or what,
But I would be very appreciative if someone could point me in the right
direction here..

Thanks alot.

Recommended Answers

All 3 Replies

ok simplest way is via css

td.blbg
{
  background-image: url("yourImage.jpg");
  background-repeat: no-repeat;
  background-position: bottom right
}

and html would look something like:

<td class="blbg">
Your content
</td>

i would suggest that you rather use a floated div for that image that you align with css. it won't work correctly if you use a background image if the cell that the picture should be behind is not the bottom right cell in your table.

Please realize that placing text on top of an image is not accessible web design. Many people with visual handicaps can not read the text when there is an image under it.

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.