Category "html"

Remove ugly white shadow from button when hovered

Whenever I hover over my button that I created, it has a white which looks ugly in the transition. I need help to remove this. The button has two different bloc

html5 validation api gives an empty array of messages if a markup is wrong

Trying to validate my html5 markup by clicking on a button and using the w3c validator. The code source is from here. so my code is like this: $('.btnw3').on('c

How change the size of UI Chip dynamically

In the following example, I am trying to change the size the UI chip in dynamically in order to respond to the font size of its parents using the em css unit. M

How is the margin percentage value calculated

I know the percentage value of margin based on the width of its containing block. when I assigned exact value to the margin of box, and the margin box not overf

Binding button with keypress in Vue3.0

I am trying to trigger the button when mouse clicked it or a key is pressed and I get confused about communication between components. How should I call pressDo

Cursor is going at the start automatically in contentEditable

I am creating a website builder. For Text edit, I m using contentEditable and to capture its state I m using the onInput event. but I don't know why every time

react-video-js-player "No compatible source was found for this media"

I am working on a product that takes a file from API and read as a blob. But pressing the play button on the video does not work. I have tried using tried using

How to make a List a hyperlink?

I'm working on a link list and I can't get the List to be a hyperlink <ul> <a href="pdf/VPN.pdf" target="_blank"></a> <li>VPN</li>

Datatable undefined error obtaining row data

I'm having an error getting the data of a row in Datatables and I can't figure it out why it's happening. Reading the Docs, getting the row data it's as simple

i18next/i18n Change Language not working with the whole website

I'm doing a react-typescript app where I need to be able to translate the site. I'm using the i18next library. In the main page the user can change the language

How to sync/link 2 bootstrap 5 carousels

I have 2 Bootstrap 5 carousels (carousel-a & carousel-b) on one page and i wloud like them to be synced/linked to eachother. I think this can be done with j

HTML + PHP + PHPMAILER

obs: using translator I have a problem on my website, every time this is sending the normal email, but it looks like an error message, in the template I got, it

Need help using a JQRangeSlider in a webpage?

I'm attempting to insert a few jQRangeSlider(s) and a jQDateRangeSlide on a webpage and get the results. I've downloaded the package from github however I can'

How does Typescript know where dist/index.js is, if it doesn't exist?

There is something I don't understand about this. I am trying to learn Typescript and I got me this boilerplate code using Snowpack and it contains an index.htm

using handlebars and HTML files together in a Node js project

I am working on a project that has a user login/register system, a QR Code scanner. My goal is to develop a web application. I have made the login/register form

Whatss the difference between Open in Live Server and Open in Default browser

My website is showing difference on vsc live server and normal browser. This is Live Server enter image description here And this is normal browser enter image

Problem with scrollIntoView not scrolling until the end on React

I have one component that builds a list of messages for a chat, the scrollIntoView function only works when I open the chat for second time, (the first time, it

Circle that transforms to a box

i was wondering how to make a circle that transforms into a wider box in html/css. I have tried this but it does not transform properly If you guys have any ide

Stop floating elements next to Bootstrap rows from affecting alignment

I have a div element whose children are Bootstrap rows, and am trying to float an element to the right of these (as a sibling element to one of the rows). The i

Sign in & Slide Out format

I have a question and would love to get some feedback from you all. I'm stuck in a situation with my code that will not slide left to right. I have a SignUp/Sig