Missing borders CSS /HTML
In my table I've implemented logic to highlight the Row/Column when the cell is selected but i don't seem to manage to get the borders on top and bottom of the column correct. The border on the bottom is missing…
Html – referencing an inline svg by id inside an img src attribute
Is there a syntax that will allow me to reference an inline svg by id in an img tag's src attribute? Or is it possible to echo the svg code directly into the src attribute? I'd prefer to avoid creating…
Html – Bootstrap form validation inside a table with big checkbox not working
I use bootstrap 5.3.3 and have this structure see css used to create a big checkbox. .form-check-input[type=checkbox].big-checkbox { transform: scale(3); margin: 1.5rem; border-radius: 0; } <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <!-- Table and checkbox inside it without validation --> <table>…
Html – What do these numbers mean when hovering over the element during inspect element?
Hovering over the element during inspect element shows these numbers: This is a basic HTML element block with two "div" elements nested inside. The first div is a p text. The second div contains radio buttons for the user to…
Html – how to remove <script> from the page before it loads it contents
I have a page hosted on a server which injects small portion of script to my index.html page and would like to remove this script before it runs. Simplified example looks like this <!doctype html> <html lang="en"> <body> <script id="removeme">…
Jquery – Hiding image parent div
I am setting up a Bootstrap carousel. I wrote the HTML for 20 images, and the number of images changes weekly. The image names are Pic001, Pic002, etc. How do I hide the image's parent div that has an error?…
Html – How to open dropdown menu from outside button
Opening bootstrap dropdown menu from button inside table using function xonclick() { const dropdownButton = document.getElementById('settingsDropDown'); const dropdownMenu = document.getElementById('seadedMenyy'); // Position the dropdown near the clicked button const clickedButton = document.getElementById('grid_muu'); const buttonRect = clickedButton.getBoundingClientRect(); dropdownMenu.style.position = 'absolute'; dropdownMenu.style.left…
Html – Why is there a white space left under the div when I apply box-shadow?
I'm trying to make a page with 3 images, each one inside a div, but when applying box-shadow there is a gap underneath. Image with example of the problem <style> body { margin: 0; } .img img { width: 300px;…
Html – How to prevent a div container from moving while minimize the tab
I have been creating a blog website, but there is an issue. You can see in my code there is a sidebar (red colored), it's a div container. The problem is when I minimize the chrome tab, the sidebar is…
Html – Grid System – unable to align 3 columns in a row
I have read the docs and have googled - unable to find an answer. I have a parallax bootstrap slide. In the first slide I am trying to make 3 div columns equal height and width side by side in…