Hey guys, I photoshopped an image that I want to put on my page background..
And it's not sizing up correctly..
I need your help please!
http://www.offthewallattic.com
bough
Registered User
1,718 posts
Eric Rohloff
Senior Advisor
20,266 posts
Can you explain a little better then that Matt?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Steve
Senior Advisor
3,111 posts
I second that. I have no idea what you are trying to achieve? 
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
bough
Registered User
1,718 posts
The background I created in Photoshop is size 1800 x 2500, I'm not sure if thats the standard size in backgrounds for websites, but it looks like my background picture has been "zoomed" in.
I'll upload a picture of the background now ..
I'll upload a picture of the background now ..
bough
Registered User
1,718 posts
Steve
Senior Advisor
3,111 posts
That size of background is kind of counter productive when designing with mobile websites in mind. I would suggest finding a smaller pattern that you can repeat to give a similar effect. Check your css ... what do you have the body background set too?
Try this
body
{
background-image:url("background/bg-1-index.jpg") no-repeat;
background-size: 100%;
}
Try this
body
{
background-image:url("background/bg-1-index.jpg") no-repeat;
background-size: 100%;
}
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Eric Rohloff
Senior Advisor
20,266 posts
You could also use JQuery plugin called Backstetch.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
bough
Registered User
1,718 posts
Hey guys, thanks for the responses!
The first option didn't work, at background 100% it still shows fuzzy..
Eric, have you seen these websites that have gif images on them? I want that similar effect, is there a jquery plugin that I could use for that? It's like a slideshow in the background.. I don't think wowslider is capable of keeping it together..
The first option didn't work, at background 100% it still shows fuzzy..
Eric, have you seen these websites that have gif images on them? I want that similar effect, is there a jquery plugin that I could use for that? It's like a slideshow in the background.. I don't think wowslider is capable of keeping it together..
bough
Registered User
1,718 posts
*hint taken,
100% --> %50 works perfect, thanks Steve!
100% --> %50 works perfect, thanks Steve!
Steve
Senior Advisor
3,111 posts
No problem. I would still consider going to a pattern you can repeat. You Web site takes a few seconds to load on my android. I suspect that's because of the size of the image I have to download.
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
