Personalize Yedda, (And make Danny Happy)
People ask & answer about almost everything. Tell us what you're interested in... So we can personalize Yedda especially for you
I'm interested in:
Save
Cancel

How do I stretch a background image?

Hello,
How do I stretch a background image?
The image is of   [ 
and I want to stretch it along the side of a table (to its full height).

Thanks


Answer this question
Share Send to a friend Watch Report
 
 

4 Posted Answers
Order by

 
606 answers
304 helpful answers

I was late for work this morning, because I got stuck in Zeno's paradox

You define a class on the table and give it the following attributes:

.TableClassName {

 background-image: url(imageurl);

background-position: top left;

background-repeat: repeat-y; 

} 
Posted 2007-12-24T10:38:41Z
Helpful?(2)
Rated as Best Answer
 

Thanks for your reply though it won't work since I'm not talking about a straight vertical line. The shape is of  [  and i want to stretch only the middle (the | ).
Posted 2007-12-25T08:48:54Z
Helpful?(0)
Rated #2 out of 4
 
606 answers
304 helpful answers

I was late for work this morning, because I got stuck in Zeno's paradox

If I understand you correctly, you are talking about an image that has a wide top part, a narrow middle part and a wide bottom part, and you want to stretch only the middle part.

If that is correct,  it cannot be done. You can stretch an entire image but not part of it.

What you can do is divide the image into 3 parts, and then stretch the middle one
Posted 2007-12-25T09:21:40Z
Helpful?(0)
Rated #3 out of 4
 
16 answers
2 helpful answers

Make the image I, repeat it using CSS, and place an image on the top and bottom of the image in a different row like -
Posted 2008-08-20T03:34:21Z
Helpful?(0)
Rated #4 out of 4

Sign in to participate

Got an answer for beytz? Would you like to comment on the posted answers, or vote for the one which you think is the best?

Sign up for a free account, or sign in (if you're already a member).

Feed - Subscribe to changes to this Q&A Blog
ADVERTISEMENT
  • Answers
  • Web
Copyright © 2006-2009, Yedda Inc. and respective copyright owners · CC License