I have made a Web site as a favour for a someone. The general code will likely disappoint but it's been done this way as it has to work on some niche, legacy technology. Anyway, it works well enough, except…
I'm trying to code a form with fields that, if a user inputs data that doesn't pass the validation of the form, change their background colors from the default white to lightcoral. Here is a fragment of the HTML file…
As the title suggests I'm having troubles when trying to get the values of some of my HTML divs in JavaScript. I have two separate functions and they're practically written equally, but where in showDiv1, 'var allCharacters = container.querySelectorAll('.planet-waves-container >…
How do I apply an orange blur effect to a div that is encapsulating my image? I don't want to apply anything to the image, just to its background div <div class="image-container"> <img class="image" src="/assets/images/person.png" /> </div> I'm expecting something…
I've got a code for a dialogue box in a game I'm working on and I'm trying to figure out a way to move the name tag to the right of the box rather than on the left as it…
I'm trying to create a page for CCTV camera streams that displays 9 streams in a 3x3 grid, using the full available width and height, without scrolling. The streams are different resolutions but I want the grid to resize the…
I'm using spatialNavigation for focusing the element as below code in index.html <script src="https://cdn.jsdelivr.net/npm/[email protected]/spatial_navigation.min.js"></script> <script> window.addEventListener('load', function () { // Initialize SpatialNavigation.init(); // Define navigable elements (anchors and elements with "focusable" class). SpatialNavigation.add({ selector: '.focusable', straightOnly: true, straightOverlapThreshold: 0.5, rememberSource:…
Im trying to use title tag with Tailwindcss+React and the title itself disappears. If I delete the tag, it’s present.Any thoughts? I deleted the title tag and write the word into h1 and another tags, and its work <div className="text-center">…
I have the following code: html, body { max-width: 150px; overflow: auto; } body { font-size: 16px; white-space: normal; word-break: break-word; overflow-wrap: break-word; hyphens: none; } code { white-space: nowrap; overflow: auto; /* Doesn't Do Anything */ } <p>So as…
I have a section that the animation currently only applies on page load but I would like the animation to be applied when the section appears on the screen each time I tried using the observer method for the specific…