Rellik Posted April 14 Share Posted April 14 I've been working on my user lookup. I am a complete noob but giving it my best effort, I've hit a wall. 1. I found this background image and I was able to get it fixed to the right of the page. However, the image is taller, and I wanted it to scroll with the page. 2. The #main user lookup page, I want it fixed to the left and then stretch to the background to seem seemless. 3. I removed the collections section and would like to move my Neohome section to where the Collections section used to be. Those are the 3 things I am trying to figure out at this moment. Once I can do that, it will just be figuring out the pixel lengths to run flush and seamless. This is the goal for today. Things I can do after I figure out these things. 4. Put an image over my Neohome to replace the Neohome thumbnail, since Neopets took away my Krawk island Neohome thumbnail. Things already complete Removing collections Coding all 20 pets onto my page. couple other things. https://www.neopets.com/userlookup.phtml?user=rellik_laires Quote Link to comment Share on other sites More sharing options...
bobjowanny Posted October 27 Share Posted October 27 Hey there! It sounds like you're doing an amazing job tackling your user lookup challenges, especially for being new to this. Let's break down your questions and see how we can push through those walls. For the background image, if you want it to scroll with the page rather than be fixed, you need to adjust the CSS property. Replace background-attachment: fixed; with background-attachment: scroll;. This will make the background image move with the rest of the page content as you scroll. To make the #main user lookup page fixed to the left and stretch seamlessly, you'll want to play with both the positioning and width. Set position: fixed; for the main page element, with left: 0; to keep it anchored to the left side. Then, ensure the width matches or complements your existing layout so that it fills and blends with your background. Moving your Neohome section where the Collections section used to be might involve a bit of rearranging in the HTML. You probably need to locate the code block for the Neohome section and replace it where the Collections section was. CSS adjustments may also be necessary to ensure it fits nicely in the space. As for your pixel-perfect goal, CSS grid or flexbox can be super helpful for achieving seamless alignment and spacing. It looks like you've got some exciting plans lined up, and with these tweaks, you'll be able to bring your vision to life. Keep up the great work! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.