• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!
  • 2026 staff recruitment is open! Check it out and consider applying!

Website

sirspray

New Member
Joined
Dec 15, 2012
Messages
93
Reaction score
2
Location
Sweden
Hello, i have made a webiste whit gesior acc and my website have an error the background of the website is a small picture in the top:http://gamingot.sytes.net/ an live version of it!

If u know how to fix it please pm me!

Help me
 
Your "background image" is linking to http://gamingot.sytes.net/layouts/tibiacom/images/header/background-artwork.jpg
When I open the image adress the image looks quite small. Maybe replace it or stretch it with html/css.
Also if you use CSS3 you could add this to where you define your background css:
Code:
html {   background: url(images/bg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;   background-size: cover; }
 
Your "background image" is linking to http://gamingot.sytes.net/layouts/tibiacom/images/header/background-artwork.jpg
When I open the image adress the image looks quite small. Maybe replace it or stretch it with html/css.
Also if you use CSS3 you could add this to where you define your background css:
Code:
html {   background: url(images/bg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;   background-size: cover; }


I have already test to change it but ut dosent work :(
 
I suggest you read and try this:
https://css-tricks.com/perfect-full-page-background-image/

in your basic.css

change:
Code:
#ArtworkHelper {
  text-align: center;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-width: 1000px;
  min-height: 800px;
}
to:
Code:
#ArtworkHelper {
  text-align: center;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-width: 1000px;
  min-height: 800px;
}

your image is of very low resolution you should use a bigger image if you'd like it to be a full screen background.
 
Last edited:
Back
Top