Background Image Scaling
Page 1 of 1
Background Image Scaling
Greetings,
I need help scaling my background so it takes up 100% of the page's width and height rather than the tiling/repeat effect. Link below to further explain:
http://www.mgoforums.net/League-h1.htm
Can someone inform me of how to do this please?
I need help scaling my background so it takes up 100% of the page's width and height rather than the tiling/repeat effect. Link below to further explain:
http://www.mgoforums.net/League-h1.htm
Can someone inform me of how to do this please?
Padraig- New Member
- Posts : 10
Reputation : 0
Language : English
Re: Background Image Scaling
I have edited your page !
I hope that what you wantedn
- Code:
<html>
<head>
</head>
<title></title>
<style type='text/css'>
html, body {
height: 1000px;
}
body {
background-image: url('http://i69.servimg.com/u/f69/13/69/84/20/html_b11.jpg');
background-repeat: no-repeat;
}
</style>
<body>
<table color=" " width="75%" border="0"><tr><td><table border="1" cellpadding="1" cellspacing="0" width="100%">
<td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Rank</U></B></span> <td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Team Name</U></B></span></td> <<td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Played</U></B></span></td> <td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Won</U></B></span></td> <td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Lost</U></B></span></td> <<td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Points</U></B></span></td></tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">1.</span></B><td align="center"><span style="font-size: 12px; line-height: normal">Flawless</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">2.</span></B><td align="center"><span style="font-size: 12px; line-height: normal">Peace of Mind</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">3.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Philanthropy Black Ops.</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">4.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Potential</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">5.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Revolution</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">6.</span></span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Shangri La</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">7.</span></B><td align="center"><span style="font-size: 12px; line-height: normal">Skys The Limit</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">8.</span></span></B> <td align="center"><span style="font-size: 12px; line-height: normal">The Rebellion</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">9.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">To The Max</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">10.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">VDP</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr></table></td></tr></table>
</body>
</html>
I hope that what you wantedn
Guest- Guest
Re: Background Image Scaling
That is exactly what I wanted but the size of the background still remains not the full size :S
http://www.mgoforums.net/League-h1.htm
Thanks very much for your help
http://www.mgoforums.net/League-h1.htm
Thanks very much for your help
Padraig- New Member
- Posts : 10
Reputation : 0
Language : English
Re: Background Image Scaling
Magnify the image so it is the full size of the screen. height: 100%; width: 100%;
Padraig- New Member
- Posts : 10
Reputation : 0
Language : English
Re: Background Image Scaling
Thanks very much for your help again. I am only testing with this image, If it faints the color I don't mind :]
Padraig- New Member
- Posts : 10
Reputation : 0
Language : English
Re: Background Image Scaling
- Code:
<html>
<head>
</head>
<title></title>
<style type='text/css'>
body {
background: url('http://i69.servimg.com/u/f69/13/69/84/20/html_b11.jpg') no-repeat;
background-size: 6000%;
}
</style>
<body>
<table color=" " width="75%" border="0"><tr><td><table border="1" cellpadding="1" cellspacing="0" width="100%">
<td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Rank</U></B></span> <td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Team Name</U></B></span></td> <<td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Played</U></B></span></td> <td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Won</U></B></span></td> <td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Lost</U></B></span></td> <<td align="center"><span style="font-size: 16px; line-height: normal"><B><U>Points</U></B></span></td></tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">1.</span></B><td align="center"><span style="font-size: 12px; line-height: normal">Flawless</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">2.</span></B><td align="center"><span style="font-size: 12px; line-height: normal">Peace of Mind</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">3.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Philanthropy Black Ops.</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">4.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Potential</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr><td align="center"><B><span style="font-size: 12px; line-height: normal">5.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Revolution</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">6.</span></span></B> <td align="center"><span style="font-size: 12px; line-height: normal">Shangri La</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">7.</span></B><td align="center"><span style="font-size: 12px; line-height: normal">Skys The Limit</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">8.</span></span></B> <td align="center"><span style="font-size: 12px; line-height: normal">The Rebellion</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">9.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">To The Max</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr>
<tr> <td align="center"><B><span style="font-size: 12px; line-height: normal">10.</span></B> <td align="center"><span style="font-size: 12px; line-height: normal">VDP</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td> <td align="center"><span style="font-size: 12px; line-height: normal">0</span></td><td align="center"><B><span style="font-size: 12px; line-height: normal">0</span></B></td> </tr></table></td></tr></table>
</body>
</html>
I enlarged the picture but do not see very clearly you need a larger image
Guest- Guest
Re: Background Image Scaling
Why do both see the image having different sizes?
Padraig- New Member
- Posts : 10
Reputation : 0
Language : English
Re: Background Image Scaling
I think because of your browser if you put a larger image, will solve the problem
Guest- Guest
Re: Background Image Scaling
I have trebled the size of the image using photoshop and it still comes out the same size. I tested this with Internet Explorer also and the same size comes out. This is really confusing me, sorry about this.
Padraig- New Member
- Posts : 10
Reputation : 0
Language : English
Similar topics
» Help getting background invisible so background image shows thru!
» Auto Image Scaling Depending on Viewing Device
» how to add post background image and log in popup message background image.
» Issue with forum background image and custom image display
» Background Image Fails to Restore or Default to No Image?
» Auto Image Scaling Depending on Viewing Device
» how to add post background image and log in popup message background image.
» Issue with forum background image and custom image display
» Background Image Fails to Restore or Default to No Image?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum