Jump to content

Can I get some HTML help please?


Rellik

Recommended Posts

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 

userlookup.jpg

Link to comment
Share on other sites

  • 6 months later...

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!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...