The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

background stretches too much

5 posters

Go down

In progress background stretches too much

Post by SpyroDragon June 23rd 2020, 8:54 pm

Having an issue with the background once again..
this is the background picture, I increased the size so it wouldent stretch that much.. but its still stretching it like a son of a gun and as u can see the background is huuuge,, how big does it have to be before this code

body {
background:url(https://i.servimg.com/u/f19/16/87/57/90/spyro_10.jpg) fixed no-repeat 0 0 #000;
background-size:100% 100%;
}


stops stretching so much it becomes pixalated??

tried this one as well
https://i.servimg.com/u/f65/16/87/57/90/bigger10.png
but it still gets stretched to pixalation
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

Post by jucarese June 23rd 2020, 9:09 pm

Try background-size:cover;
jucarese
jucarese
Hyperactive

Male Posts : 2446
Reputation : 116
Language : spanish
Location : SSF Admin

http://asistencia.foroactivo.com/u23082

Back to top Go down

In progress Re: background stretches too much

Post by brandon_g June 23rd 2020, 9:38 pm

Can you add the background back so I can have a look at in in dev tools.


background stretches too much Brando10
Remember to mark your topic background stretches too much Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

background stretches too much Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10106
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

In progress Re: background stretches too much

Post by SpyroDragon June 23rd 2020, 9:44 pm

alright I've added it back in there for you brandon.

Edite: I removed it cause Its been a while since I posted this and id ont like people seeing it like that.
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

Post by brandon_g June 23rd 2020, 10:48 pm

The problem is the image isn't tall enough to reach the entire height of the page, so no matter what you try it's going to stretch and distort a little bit to reach the entire height. What I would recommend if you have the psd file or a way to make the image itself bigger without distorting it would be to make the image 920px which the entire height of the page. Then it won't stretch.

Also have you tried adding the background in the Admin Panel rather than css?


background stretches too much Brando10
Remember to mark your topic background stretches too much Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

background stretches too much Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10106
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

In progress Re: background stretches too much

Post by SpyroDragon June 24th 2020, 2:04 am

920 is the height? not sure if 920px is the same as setting the canvas size in paint.net to 920 ??
annd also yes but it no work either.

aslo if that's so what should be the width too?
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

Post by tikky June 28th 2020, 3:59 pm

Hey @SpyroDragon,

Replace:
Code:
body {
background:url(https://i.servimg.com/u/f19/16/87/57/90/spyro_10.jpg) fixed no-repeat 0 0 #000;
background-size:100% 100%;
}
to
Code:
html {
  background: #161718 url(https://i.servimg.com/u/f65/16/87/57/90/bigger10.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  background-color: transparent;
}
tikky
tikky
Forumember

Posts : 897
Reputation : 157
Language : 🇵🇹

https://www.forumotion.com/create-forum/modernbb

Back to top Go down

In progress Re: background stretches too much

Post by skouliki July 2nd 2020, 8:56 am

is this solved?
skouliki
skouliki
Manager
Manager

Female Posts : 15133
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: background stretches too much

Post by SpyroDragon July 14th 2020, 2:32 pm

Is there anything else i can try?
SpyroDragon
SpyroDragon
Forumember

Posts : 455
Reputation : 2
Language : English

http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

Post by skouliki July 14th 2020, 2:33 pm

Did you use pedxz codes?
skouliki
skouliki
Manager
Manager

Female Posts : 15133
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum