Jump to content

A little html help


  • Please log in to reply
5 replies to this topic

#1
jonz14

jonz14

    Insanely Better Than You

  • Members
  • PipPipPipPip
  • 212 posts
Is it possible to make an image expand to fit the screen while using html? if so how?

#2
kevin_4e

kevin_4e

    Retired InsanelyMac Legend

  • Retired
  • 842 posts
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
jonz14

jonz14

    Insanely Better Than You

  • Members
  • PipPipPipPip
  • 212 posts
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

#4
mac-mini

mac-mini

    1337 avatar made by Prawker

  • Members
  • PipPipPipPipPipPipPipPip
  • 1,090 posts
  • 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
cbmkgd

cbmkgd

  • Members
  • PipPipPipPipPipPipPipPip
  • 1,243 posts
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.

#6
kevin_4e

kevin_4e

    Retired InsanelyMac Legend

  • Retired
  • 842 posts
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





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

© 2014 InsanelyMac  |   News  |   Forum  |   Downloads  |   OSx86 Wiki  |   Mac Netbook  |   PHP hosting by CatN  |   Designed by Ed Gain  |   Logo by irfan  |   Privacy Policy