sticky | Position : sticky component

I want to add position: sticky on the nested table with the subheading but it is not working as expected. the second row is overlapping the first row I tries setting the top for the second row but didn't work. here is codepen example of what I am trying to do: https://codepen.io/stuxnett/pen/oNYMzGY

I want to divide space equally between three buttons using Grid Layout in Tkinter. And those buttons should occupy the space equally even when the window is resized horizontally.

So i am relatively new to CSS so im sorry if this question is a stupid one but what is "a" that is written after a class as seen below?

I need to build something like in the following:

This is the structure I built so far:

https://codepen.io/orassayag/pen/XWMxWPp

But I have difficult times to build the grid.

This is the code:

I got the following navbar. What I want it to do is:

1. Come into view when you scroll down
2. Leave the view when scrolling up again (to a defined amount)
3. "Close" the navbar with the arrow to make it smaller
4. "Reopen" the navbar after it's "closed"
5. At any time I would still like the navbar to hide when scrolling to the top. Doesn't matter if it's extended or compressed

That's not working, because my code to toggle the navbar will set inline values for top which is needed in class to hide it when scrolling up

So the real question besides what's wrong with my code is:

Is there any way to give my calculated height into CSS? Or don't set the styles inline but rather define a new class or something and give that class the values?

So I can still have some order in CSS and the hide on scroll up won't get overridden by the inline styles.

I'm currently playing around with the new Jetpack compose UI toolkit and I like it a lot. One thing I could not figure out is how to use stickyHeaders in a LazyColumn which is populated by the paging library. The non-paging example from the documentation is:

I need to set height of an element to adjust to the height of display. I have tried several things however nothing seems to work

Please. see the css at the end, I have tried to adjust it per answer but still no help. I still have very tiny height. tried safarich, chrome

I am trying to create a navbar which will scroll down on clicking a button. It is working fine but there is just one thing that I am unable to figure. My navbar is sticky and when I scroll down to the bottom of page or mid of page and click the button then the navbar menu is displayed at the top of webpage not at the current location where I am.

I want the navbar to behave the same way as the button in each navbar on stackoverflow that no matter where on the page I click the button, the div becomes visible.

This is the CSS code:

I've had a lot of issues with this application because I am simply not good enough yet, but I am almost done with it and just want to finish it so I can move on to some slightly lower level projects.

It is a tkinter to-do application.

You can add a Task to a listbox

For every Task, there are some associated attributes, among others: ````self.value = vandself.connectivity = c. The hierarchy of the tasks displayed in the listbox is determined by the value of val_var``` (e.g. the higher the value the higher on the list it will be displayed).

The Task and the associated attributes are determined by the user's input when one creates another task.

The Task is appended to a list task_list and after the user has added more than 1 task to the list, the next time one adds a task one will have the option to check existing tasks that it is connected with somehow.

The list is sorted so the task with the highest value (val_var) is displayed at the top of the Listbox and the task with the lowest value is displayed at the bottom of the Listbox. You can "Save tasks" and then launch the application at a later time where you can then "Load tasks".

Issue 1:

After loading tasks from a saved .dat file, it displays in the Listbox in the order it was saved in. However, if you now want to add another task at least two undesirable things happen:

1. The tasks now loaded into the Listbox are now not displayed as checkbuttons upon adding a new task.
2. When you add another task (again this is after loading the .dat file) the Listbox will delete what was just loaded and the Listbox will only display the newly added task.

I am somehow interested in being able to load the Tasks instances from the .dat file and then append them to the task_list so they are a part of the current session/instance of the application, but I don't know how one might do that.

Issue 2:

On a given session where tasks have been added to the Listbox, they can be deleted from the listbox using the "Delete task" button. The selected task in the Listbox is deleted, but it is not the same task that is deleted from the task_list.

To test what I mean by this one can add a couple of tasks to the Listbox and then delete one after doing so. Notice upon trying to create yet another new task that the one just deleted from the Listbox will still be shown as a checkbutton - however, another task that wasn't just deleted has now vanished as a checkbutton.

Any help with these issues will be sincerely appreciated.

Here's the code: