Category "html"

How to prevent an animation from pausing between keyframes and, additionally, make it run even when not on mouse hover

I have a two part question regarding a single code. I've been trying to make a text the letters of which will jump and flip on hover and so far I've managed to

Favicon not showing in search results even with Googles Guidelines [closed]

I followed the guidelines on Favicon at https://support.google.com/webmasters/answer/9290858?hl=en. However it has been some time and mt favi

Grid Items overflow out of parent container using CSS Grid

I am currently dealing with an issue with grid items overflowing the parent container. I'm not sure how to rectify this issue. If I resize the viewport the form

Why is iframe content downloading as a file?

When visiting the webpage with the following iframe, the HTML file is downloaded as a file instead of just displaying on the page within the iframe. Why is it d

Remove border color for navbar-toggler Hamburger icon in Bootstrap using CSS

I've been stuck in this for a long time. Searched and tried many ways to remove the border color for the BS4 hamburger icon when clicked on it (in my local, it

With the use of css 3d transforms and perspective, I can't interract anymore with clickable elements in Firefox, but it works in chrome/Safari

I am building a simple page with paralax, using css 3d transforms. In chrome, everything works fine. In firefox, the parallax effects works well, however, I can

How can I create a Bootstrap popover from Javascript?

I am creating a page with a series of analog clocks that can contain meetings (if there is a meeting, that period of time is highlighted blue on the clock), whe

JQuery Filterizr doesn't work correctly with a large list

In my Asp.net MVC application, I use Jquery and to filter a product list. It works perfectly with a list of products of 80-90 elements. But when there is a larg

Pseudo element overlaps child element

Fiddle! .wrapper { justify-content: center; display: flex; background: black; } .outer { text-decoration: none; display: inline-bl

I want the text to shrink as the image shrinks. e.g. maintain the same ratio in size relative to the image

I want the text to shrink as the image shrinks. e.g. maintain the same ratio in size relative to the image. I've tried making the text disappear but it simply

Why is my 2nd div have different size from the other? They all have the same container-fluid class

In the HTML snippet below, I'm using Bootstrap and all three child divs have the same container-fluid class but why is the 2nd div different from other? This is

'http://127.0.0.1:5500' has been blocked by CORS policy

this is index.html code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"

How can i upload audio file to Cloudinary with Node.js?

i deeply need help with this audio file upload to cloudinary issue I have had for several days now. I tried many times to make it work, but i am still strugglin

How to make Angular Material mat-select select list width automatic and adapt to the widest option?

Problem I have a Angular 6.1.10 web app. I want the width of the mat-select list options to be automatic and adapt to the widest option in the options list. See

How to host material icons offline?

My apologies if this is a very simple question, but how do you use google material icons without a <link href="https://fonts.googleapis.com/icon?family=Ma

Ways to limit Phaser3 update rate?

In my Phaser3 game there is a global gameTick variable that is incremented every update. I am using this to spawn in enemies in my game every 100th update. Her

Resizing div to its container?

I have a square block of 100*100px, there is a container block that may be resized. I want to resize the inner block so it always be inside the parent without o

document.getElementById - dynamic use for using the same ID more than once

var img = document.getElementById('myImg'); var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); img.onclick

Input type="number" with pattern="[0-9]*" allows letters in firefox

So, all question is in the topic's title. Input type="number" with pattern="[0-9]*" works fine in Chrome, but allows letters in FF. Is there any way to fix it w

tinymce automatic list items

I am using the tinymce lib. this is my code: <div class="beschreibung"></div> <script> tinymce.init({ selector: '.beschreibung', inline