I want to prevent the red headers from showing in the blue header's border when scrolling horizontally. I must have a white border in the blue headers. .container { overflow: auto; width: 200px; } table { border-collapse: collapse; } th…
I have a div block with a class "help-image" that contains an <img>, inside a section with a class "help-section". Using the :has selector as follows works fine: section.help-section > div:has(img), section.help-section > div:has(figure), section.help-section > div:has(button) { background: mistyrose;…
I cant seem to figure out the syntax to get an element in my grid to change colors on a click event. Ive tried a few different iterations of this, and cant seem to figure out what im doing wrong.…
I am using a Bootstrap dropdown like this: <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="#" (click)="getMyValue('myvalue')">My Value</a> </li> <li> <a class="dropdown-item" href="#" (click)="getMyValue('someothervalue')">Some Other Label</a> </li> </ul> and the function looks like this: getMyValue(todo: string) { console.log("selected value is:", todo); console.log("selected…
I have wroten the html script here: It should make a row of buttons which when you click on the first the second shows and when you click on that the next third shows... Has anyone an Idea why it…
First of I work on a html/js/css module injected in third party page which is autoscaled using CSS zoom. I cannot remove the zoom property from the parent element as it is automatically added using some polling mechanism. I have…
Even though I tried every method it does not seem to override. I tried a lot of different methods like fiddling with CSS but nothing seems to work. I am using bootstrap 5 document.addEventListener("DOMContentLoaded", function() { const notesButton = document.getElementById('notes');…
How can I implement a feature in the Khan Academy environment where a dropdown box disappears if the user clicks outside of it, but remains visible if clicked inside, using JavaScript/CSS/HTML? Despite attempts, the current implementation closes the dropdown even…
I'm facing an issue while trying to create a tooltip for the "Back-end" button on my web page. The tooltip effect isn't appearing over the button, and I'm having trouble figuring out why. Here's the code I'm using: <!DOCTYPE html>…
The programming language of choice is Python. This is my HTML text: <a href="https://www.example.com">Original message</a><br> <ul id="list"> <li class="blockbody" id="post_1"> <div class="header"> <div class="datetime"> 24 januari 2020, 11:34 </div><span class="name">Jane Doe</span> </div> <div class="content"> <blockquote class="restore"> <div class="bbcode_container"> <i class="fa…