/    Sign up×
Community /Pin to ProfileBookmark

Watermarking images in a cell

Copy linkTweet thisAlerts:
Jun 12.2006

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

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@NogDogJun 12.2006 — 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.
Copy linkTweet thisAlerts:
@bajanboostJun 13.2006 — Or limit the cell's size using width and height attributes.
Copy linkTweet thisAlerts:
@emissaryauthorJun 13.2006 — 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.
Copy linkTweet thisAlerts:
@NogDogJun 13.2006 — 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.
Copy linkTweet thisAlerts:
@emissaryauthorJun 13.2006 — 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.
×

Success!

Help @emissary spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...