background stretches too much

Go down

In progress background stretches too much

Post by SpyroDragon on 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 : 450
Reputation : 2
Language : English

View user profile http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

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

Try background-size:cover;
jucarese
jucarese
Active Poster

Male Posts : 1725
Reputation : 63
Language : spanish
Location : SSF Admin

View user profile http://asistencia.foroactivo.com/u23082

Back to top Go down

In progress Re: background stretches too much

Post by brandon_g on 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 : 9365
Reputation : 859
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

Back to top Go down

In progress Re: background stretches too much

Post by SpyroDragon on 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 : 450
Reputation : 2
Language : English

View user profile http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

Post by brandon_g on 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 : 9365
Reputation : 859
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

Back to top Go down

In progress Re: background stretches too much

Post by SpyroDragon on 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 : 450
Reputation : 2
Language : English

View user profile http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

Post by pedxz on 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;
}
pedxz
pedxz
Forumember

Other / Decline to state Posts : 358
Reputation : 98
Language : Português

View user profile https://www.forumotion.com/create-forum/modernbb

Back to top Go down

In progress Re: background stretches too much

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

is this solved?
skouliki
skouliki
Manager
Manager

Female Posts : 9674
Reputation : 1240
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: background stretches too much

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

Is there anything else i can try?
SpyroDragon
SpyroDragon
Forumember

Posts : 450
Reputation : 2
Language : English

View user profile http://tlos.forumotion.net/

Back to top Go down

In progress Re: background stretches too much

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

Did you use pedxz codes?
skouliki
skouliki
Manager
Manager

Female Posts : 9674
Reputation : 1240
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


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