Coreper Posted December 9, 2007 Report Share Posted December 9, 2007 does anyone know how to make the background image of an table cell stretch, instead of tile...?thanks in advance Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 9, 2007 Report Share Posted December 9, 2007 hmm... why would you need to do that?stretching images is very unprofessional.I can tell you how to not tile but I don't know how to stretch it. Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 9, 2007 Author Report Share Posted December 9, 2007 i want to stretch the images vertically, so i dont have to make new images every time i create a new tablebut if i tile them, the cells look crappy:Image: Code/Preview of tableImage: Preview of tableif you know another way which isnt too much work, let me knowi know i can make an image for every pixel [or 2 pixels], so it would look good when they get tiled, but that is rather much work...and making a 132 rows table isnt very profession too.... Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 9, 2007 Report Share Posted December 9, 2007 tables, been a long time :lol:.you cant really do a fade like that.What you want to do is have a small fade, and 2 fixed colors so the top is fixed color then the bottom is fixed color, then get the small fade to center in the middle. Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 9, 2007 Author Report Share Posted December 9, 2007 i dont think i want thatwould my solution be an option:create a table with 1 image for each pixel [so that will be a minimum of 120 pixels > 120 rows] and have a "center-cell" with just one row?ill try making something like this...EDIT:ok, i tried, but giving each cell a background image is ****ing much work, do you know another solution?EDIT2:oh, i forgot to say:i saw someone had the same problem as i do now [he found a solution but didnt post it], and send him and emailbut im still waiting for a replyin the meanwhile you might check out my website's underconstruction page: c o r e p e r . 1 1 0 m b . c o m [did that to prevent bots from taking the address] Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 9, 2007 Report Share Posted December 9, 2007 It will not work, once the image is stretched you will find it pixelated which looks absolutely awful. Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 9, 2007 Author Report Share Posted December 9, 2007 i knowhow do you suggest i do this?i do not want to fill cells with colours, because that looks cheapi'll have a look asap if i can slice up the side images a bit...that way they would look nice when tiled... Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 9, 2007 Report Share Posted December 9, 2007 Use CSS to create the image height as 100% Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 10, 2007 Author Report Share Posted December 10, 2007 what do you mean?andhow do you do that? [i cant code CSS] Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 11, 2007 Report Share Posted December 11, 2007 I'm a bit rusty haven't designed anything in a while.I can only see it working in the image tag actually, <img style="height:100%;width:750px;" src="fade.png" /> Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 11, 2007 Author Report Share Posted December 11, 2007 well thenill try the 1 pixel image method [again > i thought up something]if that doesnt work, ill custom make an image for that tableill let you know what its gonna be Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 11, 2007 Author Report Share Posted December 11, 2007 ok, i got it now: the 1 pixel methodthere is one issue though: i cant seem to get it stretching vertically anymore [the table, not the images...]here is the code:http://pastebin.com/ma4ba6db [too much to paste here, so i put it in a pastebin] Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 11, 2007 Report Share Posted December 11, 2007 don't understand the problem? Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 12, 2007 Author Report Share Posted December 12, 2007 the table doesnt want to adjust to the height of the window anymore [it does adjust the width] Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 12, 2007 Report Share Posted December 12, 2007 The height is fixed then, show us the code. Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 18, 2007 Author Report Share Posted December 18, 2007 yes, the height should adapt to the height of the window, which it doesnt, nowthe width, though, does adapt to the window...here is the code:http://pastebin.com/m5646627eps: sorry for the long inactivity Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 18, 2007 Report Share Posted December 18, 2007 LOL, if your bothered about loading times don't use it :lol: Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 18, 2007 Author Report Share Posted December 18, 2007 i will fix that, since i will make every image very small [like 1 kb per image > not even 200 kb per column...]but do you know a solution? Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 18, 2007 Report Share Posted December 18, 2007 Images arn't really the problem, tables can take a long time to load, which is why most professionals moved to CSS layouts.I really cannot see a normal solution to your problem, and I recommend choosing another design. Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 18, 2007 Author Report Share Posted December 18, 2007 wellthen i think i will just make a table with 3 columns and 5 rows:Corner - Mid section - CornerUpper Mid section - Text Area - Upper mid sectionTileable image - Text Area [same as before] - Tileable imageLower mid section - Text Area [same as before] - Lower mid sectionCorner - mid section - Corneri think this will work properlythanks for all the help though... Quote Link to comment Share on other sites More sharing options...
Mike567 Posted December 18, 2007 Report Share Posted December 18, 2007 :D keep it simple always the easy choice :). Quote Link to comment Share on other sites More sharing options...
Coreper Posted December 18, 2007 Author Report Share Posted December 18, 2007 indeedthis is what it looks now, and it looks much better than i expected!*fixed the weird looking corners 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.