I'm testing out sv_loadingurl on my server and I'm using a 1920 x 1080 image. I have a dedicated server and the problem is, I want the image to fit exactly in the centre and fitted for everyone's screen resolution. I'm running on 1366x768 and I'm getting scroll bars on the bottom and right of my screen. Is there any way to fix it? Thanks for your help.
[IMG]http://i50.tinypic.com/30dgtwz.jpg[/IMG]
Here's my HTML code. Pretty simple, but I doubt it's suppose to be.
[CODE][HTML]
<html>
<body>
<img src="http://www.wallpapersdb.org/wallpapers/world/new_york_city_1920x1080.jpg">
</body>
</html>
[/HTML][/CODE]
my sv_loadingurl is [url]http://blackjesusgaming.netii.net/loadingscreen.html[/url]
Ditch the image tag, just use the following CSS:
[CODE]
html, body{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body{
background: url(http://www.wallpapersdb.org/wallpapers/world/new_york_city_1920x1080.jpg) no-repeat center center fixed;
background-size: cover;
}
[/CODE]
Also, rehost the image.
Do I save that as a .css file? And rehost the image I want on my server?
[editline]28th March 2013[/editline]
Nevermind, I found out what to do. Thank you so much! And kudos to you!
[quote] I want the image to fit exactly in the centre and fitted for everyone's screen resolution[/quote]
I hate when people use low res images, means I get a huge border at 2560 x 1440 :(
[QUOTE=ash47;40113562]I hate when people use low res images, means I get a huge border at 2560 x 1440 :([/QUOTE]
Are you done waving your cock around?
You can also try adding [QUOTE]overflow: hidden;[/QUOTE] so the scrolling bars getting removed.
Checking on the link you gave, you've not actually implemented the CSS I posted for the scaling to work.
[QUOTE=CBastard;40131289]Checking on the link you gave, you've not actually implemented the CSS I posted for the scaling to work.[/QUOTE]
10.74 seconds loading the HTML too. Most people would've (almost) loaded in by then.
Sorry, you need to Log In to post a reply to this thread.
