jonz14 Posted September 18, 2006 Share Posted September 18, 2006 Is it possible to make an image expand to fit the screen while using html? if so how? Link to comment https://www.insanelymac.com/forum/topic/27952-a-little-html-help/ Share on other sites More sharing options...
kevin_4e Posted September 18, 2006 Share Posted September 18, 2006 Can you be a little mre specific? I'm a little confused at what you're asking. I've got an idea but not sure if it's what you want. Link to comment https://www.insanelymac.com/forum/topic/27952-a-little-html-help/#findComment-190894 Share on other sites More sharing options...
jonz14 Posted September 18, 2006 Author Share Posted September 18, 2006 its kinda hard to explain but I mean how can I make it fit all screen resolutions like if I have to side pieces { and } and I have the filler (i mean like the inside part) how can I get the filler to go in as many times as needed to fit the screen i hope that makes sense kind of like this site at the top you would think that the top header thing was like a single image but it is actually an image about 5 pixels wide that has been expanded to fit the resolution and the logo Link to comment https://www.insanelymac.com/forum/topic/27952-a-little-html-help/#findComment-190904 Share on other sites More sharing options...
mac-mini Posted September 18, 2006 Share Posted September 18, 2006 i thin he means to make it fit the window no matter how big or small it is Link to comment https://www.insanelymac.com/forum/topic/27952-a-little-html-help/#findComment-191403 Share on other sites More sharing options...
cbmkgd Posted September 18, 2006 Share Posted September 18, 2006 Try: <img style="width:100%;height:100%;" src="yourimage.jpg"> or variations. It will be as large and high as the enclosing box. You'll need to float the rest of the content though. Of course it will look awfull and pixelated when enlarged. /edit: Here's a little more detailed example: <html><head></head> <body style="margin:0;"> <!-- text example --> <p style="position:absolute; left:300px; top:550px; font-weight:bold; color:white;">text content</p> <img style="width:100%; height:100%;" src="yourimage.jpg"> <!-- text example --> <p style="position:absolute; left:100px; top:150px; font-weight:bold; color:white;">another text content</p> </body> </html> (I chose white color for text in this example since my test image was dark) You can play with positioning, absolute, relative, etc. Link to comment https://www.insanelymac.com/forum/topic/27952-a-little-html-help/#findComment-191418 Share on other sites More sharing options...
kevin_4e Posted October 21, 2006 Share Posted October 21, 2006 Sorry I never really got back to you. What cbmkgd said was what I was thinking. Using the % type of tags is the way I've done certain things like that. Here's a really great tutorial site I've been using. It goes over that tag along with many others. Good luck. http://www.mcli.dist.maricopa.edu/tut/lessons.html Link to comment https://www.insanelymac.com/forum/topic/27952-a-little-html-help/#findComment-213956 Share on other sites More sharing options...
Recommended Posts