Sign In
Create Account
1
Is it possible to make an image expand to fit the screen while using html? if so how?
5 replies to this topic
#2
Posted 18 September 2006 - 03:37 AM
kevin_4e
-
- Retired
-
- 842 posts
Retired InsanelyMac Legend
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.
#3
Posted 18 September 2006 - 03:58 AM
jonz14
-
- Members
-
- 212 posts
Insanely Better Than You
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
#4
Posted 18 September 2006 - 09:35 PM
mac-mini
-
- Members
-
- 1,090 posts
1337 avatar made by Prawker
- Gender:Male
- Location:127.0.0.1
i thin he means to make it fit the window no matter how big or small it is
#5
Posted 18 September 2006 - 09:43 PM
cbmkgd
-
- Members
-
- 1,243 posts
Try:
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:
You can play with positioning, absolute, relative, etc.
<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.
#6
Posted 21 October 2006 - 06:52 PM
kevin_4e
-
- Retired
-
- 842 posts
Retired InsanelyMac Legend
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...ut/lessons.html
http://www.mcli.dist...ut/lessons.html
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users