Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
Autumn, 21 Sep 2026 - @985.54
Forum Activity: Four Stars ~ Boop! The forum will close in 15.beats! Random | Recent Posts | Guild Recents
News: :cry: Are u having fun? Guild Events: weekly zine jam 13: hope

+  MelonLand Forum
|-+  Da Web Revival
| |-+  ✁ ∙ Web Crafting
| | |-+  ☔︎ ∙ I need Help!
| | | |-+  CSS Help! Sidebars/navbar not behaving


« previous next »
Pages: [1] Print Embed
Author Topic: CSS Help! Sidebars/navbar not behaving  (Read 65 times)
CosmicAvelyn
Newbie
*
View Profile WWW


Without love, it cannot be seen.
⛺︎ My Room
iMood: CosmicAvelyn

Guild Memberships:
Artifacts:
Joined 2026!
« on: Autumn, 20 Sep 2026 @164 » Toggle Font Embed

Hey there! I'm relatively new to coding, learning CSS/HTML off and on, and the past couple of days I've gotten the itch to work on my Neocities site. I pulled up a nice pretty free layout from Eggramen, and set about trying to tweak it to my liking...
Except the navbar and sidebars aren't doing what I want them to do, no matter how much tweaking I do.

For reference, this is the layout I pulled and wanted to tweak to my own aesthetic...
And here is what my layout is doing for some odd reason:
https://file.garden/ZqZ6AkS-MSMCnRGo/zen_KkNaCyDCyJ.png

Nothing I'm doing seems to be working. The sidebars WERE behaving for a bit, but then I nudged some attributes around and they decided to stop. Please help!
Here's my website. Inspect away! https://cosmicavelyn.neocities.org/
(Ignore the hecked-up colors and default text, I'm working on that. The sidebars and navbar not doing what I want just takes priority for now!)

Logged
Dan Q
Hero Member ⚓︎
*****
View Profile WWWArt


I have no idea what I am doing
⛺︎ My Room
RSS: RSS

Guild Memberships:
Artifacts:
Dan Q Cruisin'I DIDN'T meet Dan Q on Melonland!Visited on Melon's 10th Anniversary!
« Reply #1 on: Autumn, 20 Sep 2026 @380 » Toggle Font Embed

I see your problem!

Problem

Your sidebars both have this CSS directive:


Code
position: absolute;

This means that the top: and left:/right: directives position them relative to:

(a) the WHOLE PAGE, by default (this is what's happening: the left one is putting itself in the top-left of the whole page, and the right one is putting itself in the top-right of the whole page), or
(b) their nearest ancestor that has a position: specified (but you have none!)

Solution

The solution is to add this CSS to tell the inner "wrapper" to position itself relatively, so that the absolutely-positioned things "inside" it are positioned relative to IT, not relative to the page:


Code
.wrapper-2 {
  position: relative;
}

Logged

https://danq.me/_q26t/badges/dan-q-88x31-lighter.gif https://danq.me/_q26t/badges/dan-q-88x31-peekaboo-scroller.gif https://beige-buttons.danq.dev/beige-buttons-88x31.gif https://embed-html.danq.dev/embed-html-88x31.gif

Artifact Swap: PolyamorousI met Dan Q on Melonland!Joined 2025!
CosmicAvelyn
Newbie
*
View Profile WWW


Without love, it cannot be seen.
⛺︎ My Room
iMood: CosmicAvelyn

Guild Memberships:
Artifacts:
Joined 2026!
« Reply #2 on: Autumn, 20 Sep 2026 @818 » Toggle Font Embed

I see your problem!


It never fails that it's just one line of code that hecks everything up lol
Thank you so much for the assist!

My other problem is with the navigation links at the top of the page. I want them to site in a nice little row like this...
https://file.garden/ZqZ6AkS-MSMCnRGo/zen_c3AHJSxgT9.png

But instead they insist on stacking themselves. I was staring at the test page code all day yesterday and couldn't figure out what it's doing that my code isn't. Still not that great at understanding the info from Inspect Element lol

How do I fix that?


EDIT: Found the problem! The posted stylesheet for this layout is missing a LOT of stuff lol. But it's been a fun project figuring it out and tweaking it, so I'm not complaining!


« Last Edit: Autumn, 20 Sep 2026 @824 by CosmicAvelyn » Logged
Pages: [1] Print Embed 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | Send Feedback | Supporters ♥ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi
@000 Melon
Land
Index Recent Edits Tenement Arcade Forum Art Hub Chat Webring Want to Login or Join ?
Link Land Web Craft Guide Graphic Catalogue Wiki Newsletters Image Stream Help Im Lost! Zap! Minecraft: Online
Passport Sites Asatte Add your site?
Melonking MelonLand Aero Archive Onio Cafe 32 Bit Cafe Status Cafe