Tempus | Hashmap IIoT Accelerator Framework | Pub Sub library

I am trying to create a layout with absolute positioning elements something like this:

As you can see, the elements are overlapping and not clearing properly. Perhaps there is a very simple fix but I have been unable to figure out how to resolve this.

after that description. (CodePen link )

to see the problem, hover your mouse on "manimonji", you can see a drop-down list, but width of second li of list, it's not equal with parent width(position of second li is absolute).
note: for solving this, I tried width 100%. But not works.

JS File

I am having trouble finding individual html elements from the downloaded source code of a selected page. When I use the function $(data).find('p').length it returns me the number 2 which is the correct answer, but if I use the function $(data).find('img').length it returns me 0 and it should be 1.

I am struggling to position the partial border directly above the title without the title floating to the left of the 'before' pseudo element. It works fine on pages without an image but I need the title and text to wrap around the image on some pages where an image exists but not on others and this is causing the issue.

I have tried absolute positioning, different displays but nothing works.

https://codepen.io/lol4000/pen/dyZvmGK

I need to make a screen with 3 divs. In div one i will show a video so it needs to be in 16:9 ratio. Then i have two divs left. At the right i need a div that will be fill the width left from the video div. But in needs to be a square div. And below the video div i want another div that use that space.

I was thinking of two columns, two rows and combined column at the right. But that is table wise. How can i do this with a div.

What i have in HTML now is:

I am trying to make green and grey area scrollable, footer should be stick in bottom I tried make it fixed position but its not what i need because grey block can be hide/shown can you please give me suggestions ?

I am using a reporting tool, which allows slight customising through HTML.

Constrains:

• styles only (no CSS)
• tables only (no DIVs)

This tool will print multiple rows per each student, depending on subject matters, learning objects, etc. In a word, number of rows in the table can vary.

The issue is, if the 2nd column in the table is higher than the first one, the rows in the first column will not fill height, thus leaving blank space after the last row:

What I would like to achieve, is to adjust row heights in 1st column to fill column height proportionally so that there's no extra gap after the last row, in case the 2nd column is higher than the first one (see JSFiddle below)

Report code templates, which could be adjusted somehow:

Main loop template

I have a header and main html tags. The header is a navigation bar with position: sticky and top: 0 and the main is a content container with overflow: auto. I would expect that the scroll bar would only be visible on the main element, but it is visible over the header as well.

How do I make only the content of the main tag scrollable?

I am trying to write a program that will create a link to the API. To do this, I use bs4, with which I search for the div I need, but I get an error due to the program not working correctly. I want to find only this coin name that are in the coin list. How I can fix it? Please, give me a hand.

My code: