Category "html"

Play sound on hover

I want to play a sound when the cursor hits an image. I tried to use javascript. the <audio>-tag is working, when I say <audio autoplay> the soundfi

Dynamically Position an Element on webpage

I am trying to use a Emoji picker inside my React application and there are 2 buttons on the page to toggle the picker, I want to show the picker at the positio

How do I make a striped v-data-table in Vuetify?

I have a table <v-data-table :headers="headers" :items="bookings" class="elevation-1" :search="search" > <template slot="items" slot-scope="p

BeautifulSoup: How to find all href links in a div with a class?

On disboard.org/ I am trying to collect all href's within a div with a class of 'server-name'. Source-Code: def scrape(): url = 'https://disboard.org/search

How to "mask" an input to show brazilian currency

I need a input range shows the value formatted for Brazilian money. By logic, it would suffice to receive this number in a function that would format it and the

How to empty a yattag doc

I'm having rather good results in using yattag to generate HTML code within my python project. But there is something I don't understand and I actually couldn't

Connecting an HTML webpage to a SQL Server

I am attempting to display a table from my Azure SQL database on a webpage. I have been looking around and can't seem to figure out why this isn't working This

LogicException: You must define a binary prior to conversion

snappy.php get this code 'pdf' => [ 'enabled' => true, 'binary' => env('"C:\Program Files\wkhtmltox\bin\wkhtmltopdf-amd64.exe"'), 'timeout

How to stop flex from stretching to 100% width?

I have a section with 2 columns pulled to center in flexbox, but for whatever reason the container doesn't wrap itself around them horizontally and instead fill

Query and get data from an endpoint through the a search bar input in javascript

This endpoint http://vk-data:8003/v1/entity/ returns this: [ { "id": "country", "url": "http://vk-data:8003/v1/entity/country", "nam

How to add an image in a table (using el-table, el-table-column), ie using ui-element in Vue.js?

I am fairly new to Vue.js and have managed to build a simple table using the ui-element. The ui-element used for building the table is el-table and have display

I want to do Triangle-like Carousel but How? [duplicate]

How can reach info for this shaped carousel I searched "triangle carousel", "pointy carousel", "sharp carousel" and found nothing

How can I display a users name and profile picture after signing in with google on my site?

I am trying to add a Google Sign-in system to my website. For now, I'd like it to display their first & last name as well as their profile picture. How can

How to not vertically overflow table cells and print the table?

I know there are a lot of questions about that, but none of their solutions worked for me. I have an html page formed by only a table (that I want print), I wan

Navbar not expanding to fill width of page

I am making a website and I want it to look nice when being used on mobile. However, I can't figure out to eliminate the excess white space on the right of the

Image animation resets page scroll on mobile devices

EDIT 2: I just figured it out. The overflow css property applied on the body is not being inherited by the slideshow div. Adding "overflow: hidden" to the slide

How to use height: -webkit-fill-available in Edge browser? How to make a div fill the available space in Edge?

I am using bootstrap to preview the mobile device as follows: It works perfectly fine in Chrome. But not on edge :( My HTML/CSS code is as follows: .fram

Extra Space in the bottom and right of the page

I am trying to make a login page but I don't know why there is a extra space in the bottom of the form and in mobile phone there is a extra space in the right.

Why my code work fine on chrome but not firefox?

I am creating a split-flap. It works fine in Chrome, but in firefox, during the second rotation period, it is not smooth as in chrome. How can I fix it? let

Can't position HTML legend tag with CSS Grid

The Problem I have a form with multiple fieldsets and a legend tag for accessibility reasons. I want the legend tag to be below the input field. Since I am usin