Replies

Oct 25, 2014 11 years ago
This rift empty
Bear
YEET
User Avatar
Dokyeom

so i'm coding my own pet profile and i haven't touched coding in years.

so my question is this: is there a reason to make the page stop scrolling and showing a gap at the bottom of the page where the background image stops? it's so annoying argh. this is the coding i have:

code html,body{ background-color:; background-image:url(http://i57.tinypic.com/2igzmdt.jpg); background-position: fixed; background-repeat: no-repeat; background-attachment:fixed; }

the pet is here: clickie

Oct 25, 2014 11 years ago
The Cursed
chi
User Avatar
Biene

Hey there! You fixed the background, therefore the whole page scrolls ^^ html,body{ background-color:; background-image:url(http://i57.tinypic.com/2igzmdt.jpg); background-position: top left; background-repeat: no-repeat; }

just need to figure out, why there is way too much space beneath the pet desc ^^

Oct 25, 2014 11 years ago
This rift empty
Bear
YEET
User Avatar
Dokyeom

ooo. right. omg. haha. thank you so much i feel so dumb now orz.

i switched up the code as per your suggestion but there is still a gap between the background image and the bottom of the window / page still scrolls too far :<

screen shot

Oct 25, 2014 11 years ago
Silverfish
is a survivor
User Avatar
Xingese

Toss a {height:900px !important;} in there and the empty space should go c:

Art by p-sebae ❤️
| | -Night Mode- Shengui Guo Custom CSS [v2.0]

Looking to adopt a December 31st, 1969 glitched date pet

Oct 25, 2014 11 years ago
This rift empty
Bear
YEET
User Avatar
Dokyeom

omg perfect!!!! thank you so much <3

Oct 25, 2014 11 years ago
Silverfish
is a survivor
User Avatar
Xingese

Haha, you're welcome. You might also want to know that on wider (laptop) screens the background image cuts off on the side?

Art by p-sebae ❤️
| | -Night Mode- Shengui Guo Custom CSS [v2.0]

Looking to adopt a December 31st, 1969 glitched date pet

Oct 25, 2014 11 years ago
This rift empty
Bear
YEET
User Avatar
Dokyeom

thanks for letting me know, i'll keep it in mind. it fits nice on my screen but i might make it wider c:

Oct 25, 2014 11 years ago
Silverfish
is a survivor
User Avatar
Xingese

If you decide to do that you might want to consider putting just a repeating pattern in html and the background etc in body, that would make it work on all resolutions c:

Art by p-sebae ❤️
| | -Night Mode- Shengui Guo Custom CSS [v2.0]

Looking to adopt a December 31st, 1969 glitched date pet

Oct 25, 2014 11 years ago
This rift empty
Bear
YEET
User Avatar
Dokyeom

ooo yeah thats probably the best idea... how would i code that? XDD

Oct 25, 2014 11 years ago
Silverfish
is a survivor
User Avatar
Xingese

html,body{ background-color:; background-image:url(http://i57.tinypic.com/2igzmdt.jpg); background-repeat: no-repeat; background-attachment:fixed; }

This bit here you currently have is a bit redundant because you are declaring the same properties, inclduing a bg image, for both body and html. What you'll want to do is split the two

html{ background-color:; background-image:url(repeating pattern url); background-repeat:repeat;}

body{background-color:transparent; background-image:url(actual background url); background-repeat: no-repeat;}

Sooooomething like that anyway, I didn't code it in a while so it might require some fine-tuning I failed to remember about. But that's the idea.

Art by p-sebae ❤️
| | -Night Mode- Shengui Guo Custom CSS [v2.0]

Looking to adopt a December 31st, 1969 glitched date pet

Oct 25, 2014 11 years ago
This rift empty
Bear
YEET
User Avatar
Dokyeom

ah awesome. thanks so much you've been a great help ^^

Please log in to reply to this topic.