how do i do this?

Status
Not open for further replies.
T

themasterrocker

Guest
Hey all,
Can you tell me how i stretch my jpg picture to fit the page?
I forgotten how to.... i did this ages ago and forgot and can't find my forum on here. lol

Thanks in advance
 
T

themasterrocker

Guest
So it would be like this? :
HTML: 
<style=text/css>
body =
"height = "100%"
"width = "100%"
background image = (destination)
 
N

Nathan H

New Member
Messages
562
Reaction score
0
Points
0
Make sure your not fitting a tiny image acoss a large page though pixellation is an eye-sore.
Is the image for a background? If so you can use CSS to set it to fill the page and stick
 
T

themasterrocker

Guest
It's not small. it's pretty big :p but not big enough for the page.
 
marshian

marshian

New Member
Messages
526
Reaction score
9
Points
0
Very easy, something like this:
HTML: 
<img src="source" style="width: 100%; height: 100%;" />
 
T

themasterrocker

Guest
that pushes everything else to the bottom. Not what i want.
I want it so the picture goes under everything else.
Edit:
Alright i got it XD This is it::
css:
Code: 
body {margin: 0px;}
#background {width: 100%;
                    height: 100%;
                    left: 0px;
                    top: 0px;
                    position: absolute;
                    z-index: 0;}
#pageContent {z-index: 1;
                     position: absolute;}

stick this in your <body> section
HTML: 
<div id="background">
<img src="http://forums.x10hosting.com/programming-help/background.jpg" style="width: 100%; height: 100%;">
</div>
<div id="pageContent">
This should work
</div>

Note::
All content has to be placed where the words "This should work" is.

*Thread closed*
 
Last edited by a moderator:
TechAsh

TechAsh

Retired
Messages
5,853
Reaction score
7
Points
38
The problem has been solved so I'll close this.

*Closed*
 
Status
Not open for further replies.
Top