Need help with basics of HTML and CSS
2014-01-08, 11:27 PM, (This post was last modified: 2014-01-08, 11:31 PM by Brainpower.)
#1
Hello Elites,

I need help my website with the following thing.

- My background doesn't auto fit its just in the middle and got 2 empty spaces next to it.

I have tried to google the solution but I can't figure it out.
Code:
body {
    background: url("../img/background.png") no-repeat

Right now I got this I want to post images but I don't feel comfortable with sharing this niche with the whole community.

I would like some assistance here.
You can also PM me your skype and I will add you.

Brainpower
Reply
Share This Thread :

2014-01-08, 11:42 PM, (This post was last modified: 2014-01-08, 11:47 PM by KCMM.)
#2
get rid of no-repeat, and replace it with repeat-x; if you want repeat horizontally

body {
background: url("../img/background.png") repeat-x;

}
Reply
2014-01-08, 11:47 PM,
#3
I want that it fits the screen automaticly on any browser or size. Isn't that possible?
If I put that code you suggested then I will get the same image 2x next to eachother but that isn't want I need. Thanks anyway
Reply
2014-01-08, 11:47 PM, (This post was last modified: 2014-01-08, 11:49 PM by OMGWTFISTHIS.)
#4
I'm also going to assume your users MAY have a small screen as well, so you might as well use repeat. So you'd be seeing:

Code:
background: url("../img/background.png") repeat

Edit: Is your background image like a texture, where you can apply it like 50,000 times to the page and can't tell whether or not it's one big background? Or is it an image with a graphical scene in the background and if you repeat it, it'll look like your tiling it?

[SHARE] CPA Elites Forum Citer Script! Look Inside! [Forum Tool]
[SHARE] CPA Elites Link To Post PM Script! Look Inside! [Forum Tool]
[Image: D8HZ2ho.png]
"I have not failed 1,000 times. I have successfully discovered 1,000 ways to NOT make a light bulb." -Thomas Edison
Reply
2014-01-08, 11:49 PM, (This post was last modified: 2014-01-08, 11:51 PM by KCMM.)
#5
(2014-01-08, 11:47 PM)Brainpower Wrote: I want that it fits the screen automaticly on any browser or size. Isn't that possible?
If I put that code you suggested then I will get the same image 2x next to eachother but that isn't want I need. Thanks anyway

The image itself will not stretch.
You need an image that can repeat itself smoothly without visible edges. And then use repeat.

or try this, never tried it myself though:

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Reply
2014-01-08, 11:49 PM,
#6
PM me your skype, I'll help you out.
Reply
2014-01-08, 11:51 PM,
#7

Best regards,
The Saint
[Image: 7TgqPql.gif]
Reply
2014-01-08, 11:52 PM,
#8
BODY { background-image: url(banner.jpeg); background-position: top center; } BODY { backgrou

Ideas
Landing Page Service
Reply
2014-01-08, 11:52 PM,
#9
(2014-01-08, 11:49 PM)Apex Wrote: PM me your skype, I'll help you out.

Could you PM me yours? I can't send any PM's yet. Thanks
Reply
2014-01-08, 11:54 PM,
#10
(2014-01-08, 11:51 PM)The Saint Wrote: You might want to check this out: /how-to-create-a-scalable-background-image-for-your-website/

That wouldn't help him if his image didn't start big already. You can't create pixels from nothing. :o

[SHARE] CPA Elites Forum Citer Script! Look Inside! [Forum Tool]
[SHARE] CPA Elites Link To Post PM Script! Look Inside! [Forum Tool]
[Image: D8HZ2ho.png]
"I have not failed 1,000 times. I have successfully discovered 1,000 ways to NOT make a light bulb." -Thomas Edison
Reply


Related Threads
Thread Author Replies Views Last Post
  Ogads custom CSS which displays only offers? Jabba the Hutt 4 526 2018-02-26, 10:12 PM
Last Post: shuttershades
  How to put HTML landing page script in blogger walterzingo 4 518 2018-02-03, 06:55 PM
Last Post: umberblue
  Where should I put <script> tags in HTML? Pirata 5 557 2017-12-03, 11:38 AM
Last Post: Pirata
  Help converting Instapage to HTML Leo 4 710 2017-04-19, 07:25 PM
Last Post: EnChanter
  [Urgent] Help With HTML (Form to Email) IndeXer 5 446 2017-02-01, 01:55 AM
Last Post: IndeXer





About Us | Contact Us | CPA Elites | Advertise | Stats

© 2013-2018 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top