Click to See Complete Forum and Search --> : Watermarking images in a cell


emissary
06-12-2006, 04:48 PM
Hi all, I have a bit of a problem I can't figure out which is probably rather simple.

I have a web page with a table that contains several cells which have images. The "main" cell has a background image and I will put text and info on top of the background.
Problem is, Some of my text is going to extend beyond the length of the image. I don't want the image to repeat at the bottom of the page.
Is it possible to watermark the image and create a second scroll window to prevent the text from duplicating?
Thanks in advance for any help you can provide.

-emissary

NogDog
06-12-2006, 05:54 PM
Use CSS to set up the background image, and you can specify "background-repeat: none" if desired. See http://www.w3.org/TR/CSS21/colors.html#q2 for more info.

bajanboost
06-13-2006, 02:44 AM
Or limit the cell's size using width and height attributes.

emissary
06-13-2006, 08:09 AM
I've already tried setting the cell size manually, but the text still extends beyond the limit and causes the image to repeat.

If I used CSS to set the background, wouldn't that apply to the whole document? I have specific dimensions set for the image which fits into the cell.

NogDog
06-13-2006, 12:36 PM
CSS can apply a separate background color and/or image to any block-level element within your document. In fact, once you learn and understand CSS, you'll find you no longer need to use (in fact you should NOT use) tables for page layout.

emissary
06-13-2006, 01:14 PM
Thanks for your help, your ideas inspired my solution....
I created a CSS function that specified the width and height with the overflow set to auto. I then created a div tab around my content so now it scrolls like I want it to.

Thanks again.