Jump to content

A little html help


6 posts in this topic

Recommended 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

Link to comment
Share on other sites


<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:


<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>


(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
Share on other sites

  • 1 month later...

  • Create New...