/    Sign up×
Community /Pin to ProfileBookmark

Background image autostretch

Copy linkTweet thisAlerts:
May 16.2008

Hi all,

I have a question regarding stretching the background image to fit my text content. The background must autostretch vertically and horizontally. The background image must be within the TABLE and not the body. I just need to make the background image to fit all my text or content.

When I tried to add more text within the <TR>, the background image is repeating. Please see my example at this link:

[url]http://pro.toattend.com/hluu/CAS0901/index2.html[/url]

Thanks!!

to post a comment
HTML

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLAMay 16.2008 — You need to split that image up:

top curve - no repeat

middle - repeat

bottom curve - no repeat

Here's an example -- sorry, can't bring myself to code this for multiple nested tables.
<i>
</i>&lt;div style="background: url(bottomcurve.jpg) no-repeat left bottom; padding-bottom: ###px;"&gt;&lt;!-- ### is the hieght of the bottom curve --&gt;
&lt;div style="background: url(topcurve.jpg) no-repeat left top; height: ###px; width: ###px;"&gt;&lt;h2&gt;Product Name&lt;/h2&gt;&lt;/div&gt;&lt;!-- ### insert height width of top curve--&gt;
&lt;div style="background: url(middle.jpg) repeat-y left top;&gt;
text text text text&lt;/div&gt;
&lt;/div&gt;


KDLA
×

Success!

Help @CreativeMind 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.19,
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,
)...