I've been working on Elfrics profile for a couple months now My monitor's screen resolution is 1280x1024. This is what it looks like on my computer
I obviously still have a lot of things to add and trim up. But how does it look right now? Is everything aligned correctly? Anything missing? Images/text showing up or not?
to-do list:
Problems I'm having:
Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈
The fact that you can't scroll down is bad on smaller screens. I know it's nifty to have a non-scrolling site, but I people with laptops, or smaller screens won't be able to see half of the site.
If you want to have a non-scrolling site, always make it somewhat close to 800x600, to make sure everybody can see everything.
The profile is not lined up on my screen.
My suggestion would to add the width to the Body and content section in the CSS. You will also have to add margin-left: auto; and margin-right: auto; so that they are centered on the page.
I see some other issues...
First, the two div boxes you have have the position:fixed; you will need to change fixed to either relative or absolute. Also the one box you have has the id of pet_desc which you will need to change since it is used in subeta's coding. Just stick a 2 or something in there so that it is unique.
I am going to look over it a bit more... ping me if you have any questions. :)
Is there a way to code in page scrolling, so then people with small monitors can then see everything?
Recommendation on the px for the width then? And I'll go ahead and add those margins in there. Working with div boxes is definitely still my weak spot in understanding. So I just put it as "div id=2", and it'll recognize it? And if I want to add more, I just change the 2 to a succeeding number (3, in this case), right?
Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈
I see you got it already, or subeta did, whoever, it works now! Yay!
Thank you! ^.^ Do you perhaps remember the sCode for changing font size, colour and family? The link to sCodes isn't working anymore (takes me back to forums main hub). :(
Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈
http://www.subetalodge.org/page/name/s_code
Here you will find everything you need :3 I always keep this site saved in my bookmarks if something happens on the subeta forums. It's super helpful.
Thanks again! x3
Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈
I modified the body tad for you. You do not need to do HTML and body at the same time. Just body is fine. This will center the profile and constrain the content within so that those with larger screens do not see a skewed profile. You may need to move your divs around some more to get them into place.
Recommended width would be the width of the background image. As long as the id is unique, and isn't being used elsewhere, you can name it anything you want.
body {
background-image: url(http://i50.photobucket.com/albums/f326/Screenies4ever/elfric-complete-picture-lay_zpse2807569.png);
width: 900px ;
background-repeat:no-repeat;
background-position: top;
background-color: black;
background-attachment:absolute;
margin-left: auto;
margin-right:auto;
}
Thank you so much! You've been of great help. If I have any other questions, I'll be sure to ask you through comments. ^^
Wanna know more about battling? ❤️ The Official Battle Guide v3.3 ❤️ Need to find books? 🌈 The Book Grind Guide v1.0 🌈