|
1 2 |
|
|---|---|
| Posted by | Messing with comment box CSS - need some help |
 🐛 GRUBGROOVE (#145361) Merciful View Forum Posts  Posted on 2024-10-12 22:30:43 |
Hello!! I'm very much a beginner at CSS, I know a couple of basics but not much else. I've been attempting to tweak and add to the free css I've been using to make my page more compact, and I'm stuck on trying to relocate the comments box. Is there a way to move it up so it's in the spot where the black area is (pics for reference)? The only thing I could think of myself was the "top" property, but that left a big empty space behind that I couldn't figure out how to get rid of. The comment box section of my CSS is in the spoiler, and here's a link to the stylesheet i'm using for good measure. You can look at my profile as well if you need live visuals :) Would love to get this figured out!!    0 players like this post! Like? Edited on 19/10/24 @ 15:58:58 by 🕷️ GRUBGROOVE (#145361) |
Report
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:50:21 |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 00:52:37 |
I can see it now! For some reason it wasn't popping up with my hunting notifs though :( Edit: Shoot I'll go ahead and check tomorrow when I can a ton of notifs to work off of 0 players like this post! Like?Edited on 13/10/24 @ 00:56:47 by Toffee (#434347) |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 00:57:35 |
Huh, really weird.. good that it seems to be mostly working, though! Edit: Just saw the edit!! Thank you for the help, once again :D 0 players like this post! Like?Edited on 13/10/24 @ 00:58:18 by 🕷️ GRUBGROOVE (#145361) |
|
🐛 GRUBGROOVE (#145361)
Merciful View Forum Posts Posted on 2024-10-13 05:30:52 |
Going to sleep after posting this - just getting it onto the thread so I don't forget :v It seems like green notifs and red notifs affect the comment box differently, for some reason. Granted, I did add a couple of unrelated things to the stylesheet BUT it wouldn't make any sense for the things I added to affect the alerts/comments in any way (at least that I can tell - and since the red notifs still work just fine, I'm assuming that the stuff I added isn't the issue). I'm not sure if this was happening before I made edits because I didn't think to test it out with green AND red alerts because i thought they would be the same  oops!Images are in the spoiler because they're kind of big! Both alerts have the same "position: absolute; width: 97%;" attributes, and the top margin is at 100px in both screenshots. Bizarre!! Still keeping the "display:none" solution in my back pocket just in case this comment box doesn't stop causing problems - I tested that out earlier and it works like a charm, even if it is a little wacky. :) 0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 12:03:48 |
So I just realized why it's not working. The element position: absolute; ignores the standard flow of the element, so all the notifications stack on top of each other. I'm going to go ahead and play around with it some more and maybe snatch your css if I can  0 players like this post! Like? |
|
Toffee (#434347)
Kind View Forum Posts Posted on 2024-10-13 12:18:50 |
Okay potential solution: You can go ahead and get rid of position: absolute and width: 97% in the notifs. Go ahead and get rid of margin-top: 100px for the header too. And for the comment box, change position to relative and go ahead and change the top to whatever px fits. Theoretically, the comment box will still be in the normal flow of the page, so the comment box will adjust based on the notifs too. Edit: Arghhhh wait. It leaves a weird gap from where the comment box would typically be 0 players like this post! Like?Edited on 13/10/24 @ 12:24:26 by Toffee (#434347) |
1 2 |
|---|
Memory Used: 625.82 KB - Queries: 2 - Query Time: 0.00083 - Total Time: 0.00484s