1. Post #1

    July 2012
    46 Posts
    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.

    Here's my HTML code. Pretty simple, but I doubt it's suppose to be.
    Code:
    <html>
    <body>
    
    
    
    <img src="http://www.wallpapersdb.org/wallpapers/world/new_york_city_1920x1080.jpg">
    
    
    </body>
    </html>
    
    my sv_loadingurl is http://blackjesusgaming.netii.net/loadingscreen.html

  2. Post #2
    Gold Member
    CBastard's Avatar
    April 2011
    430 Posts
    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;
    }
    Also, rehost the image.
    Reply With Quote Edit / Delete Reply Windows 7 United Kingdom Show Events Agree Agree x 2Winner Winner x 2 (list)

  3. Post #3

    July 2012
    46 Posts
    Do I save that as a .css file? And rehost the image I want on my server?

    Edited:

    Nevermind, I found out what to do. Thank you so much! And kudos to you!

  4. Post #4
    ash47's Avatar
    March 2010
    737 Posts
    I want the image to fit exactly in the centre and fitted for everyone's screen resolution
    I hate when people use low res images, means I get a huge border at 2560 x 1440 :(

  5. Post #5
    Blue Kirby's Avatar
    March 2011
    80 Posts
    I hate when people use low res images, means I get a huge border at 2560 x 1440 :(
    Are you done waving your cock around?
    Reply With Quote Edit / Delete Reply Windows 7 United States Show Events Dumb Dumb x 2 (list)

  6. Post #6
    MarcoPixel's Avatar
    April 2012
    246 Posts
    You can also try adding
    overflow: hidden;
    so the scrolling bars getting removed.

  7. Post #7
    Gold Member
    CBastard's Avatar
    April 2011
    430 Posts
    Checking on the link you gave, you've not actually implemented the CSS I posted for the scaling to work.

  8. Post #8
    Jaykin Bacon: Episode 3
    SteveUK's Avatar
    May 2005
    2,465 Posts
    Checking on the link you gave, you've not actually implemented the CSS I posted for the scaling to work.
    10.74 seconds loading the HTML too. Most people would've (almost) loaded in by then.
    Reply With Quote Edit / Delete Reply Windows 8 United Kingdom Show Events Agree Agree x 1 (list)