Sim Posted January 25, 2011 Share Posted January 25, 2011 The original image is only 21pixels tall. I need it to be 50. It tiles instead of expands. Any ideas? <td width="100%" background="images/boxtopbg.gif" height="50"> Quote Link to comment Share on other sites More sharing options...
Sim Posted January 26, 2011 Author Share Posted January 26, 2011 Nope. =0 Quote Link to comment Share on other sites More sharing options...
a_bertrand Posted January 26, 2011 Share Posted January 26, 2011 Normally you cannot. Yet a possible trick is to put the image inside a DIV and let the div display it 2x as big. Something like: http://www.quackit.com/html/codes/html_stretch_background_image_example.cfm Quote Link to comment Share on other sites More sharing options...
Sim Posted January 26, 2011 Author Share Posted January 26, 2011 Thanks a_bertrand. You always give answers when no one else seems to know or wants to respond. ;] Quote Link to comment Share on other sites More sharing options...
a_bertrand Posted January 26, 2011 Share Posted January 26, 2011 np, I try to fill the gaps beside McCode subjects ;) Quote Link to comment Share on other sites More sharing options...
Djkanna Posted January 26, 2011 Share Posted January 26, 2011 Forgive me, but open up an image editor and re-size the image? Quote Link to comment Share on other sites More sharing options...
lucky3809 Posted February 6, 2011 Share Posted February 6, 2011 Here is a trick I use for resizing, what it does is set the max width and height, As for the IMG tagging leave off the width and height part this css will work for it the expression part is for IE browsers the two top are for firefox and other browsers...This will help not to expand your tables as similar to the break-word function in css... This does need to go in a div whatever class your using for it to work properly or you can set it as the .img if your not using a div I have it set differently because I have different tables sizes so i use div. max-width: 400px; max-height: 300px; width: expression(this.width > 400 ? "400px" : true); height: expression(this.height > 350 ? "350px" : true); If your trying to expand it you would use mid-width: mid-height: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.