Hi Friends
I have a table cell with a background image. I want to stretch the image according to the size of that particular cell content. Is there any way? I tried "background-repeat". But, I dont want to get the image as repeated, whereas I want to stretch it according to the size of the cell. If I'm not clear please let me know.
Thanks
Srik
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Hi James
My HTML is a dynamic one. I will get the values for cells only during the run time. Hence, if I use the above method, I would have to change the height and width of the image according to the size of that cell. So, I don't think your suggestions will work for me. Any way, thanks for your comment. If you find any solution kindly help me.
Thanks
Srik
Just as a note, the 100% in the width and height attributes on the <img ... /> tag correspond to 100% of the width and height of the containing element, in this case your <td> cell tag. Hence, if at run time, your td is 100 pixels width and 200 pixels high, the img will be 100 pixels high, and 200 pixels wide using the above method ( <img src="..." width="100%" height="100%" alt="..." /> ).
Business Accounts
Answer for Membership
by: JeexPosted on 2003-09-29 at 01:48:23ID: 9449919
Hi,
You can't stretch a background image, however you can stretch a standard img (not valid XHTML), as below:
<table width="100%" height="100%">
<tr>
<td><img src="valid-xhtml10_small.g
</tr>
</table>
You could then use CSS positioning to position a DIV containing some content over the top of that image, as below:
<div style="position: absolute; top: 0px; left: 0px; width: 100%;">Some text...</div>
Hope that helps!
-- James