Category "html"

How to solve unexpected errors from a CSS selector

I am learning SASS. I am trying to make a webpage using SASS. There is some error showing in the CSS file generated from the SASS file. Here is the CSS code: .l

Error: Do not use <img>. Use Image from 'next/image' instead. - Next.js using html tag <img /> ( with styled components )

I know that in Next.js we have Image component, but the problem I have with it is that I can't use it as a normal HTML tag like <img />. I have to give it

How can I fit a img into a div wholly?

.flexbox-item-1 { min-height: 300px; min-width: 300px; border: 3px solid red; overflow: hidden; /* background: url("./Zodiac_Logos_jpg/Aries_zodia

Do not close window after clicking 'X' button? [duplicate]

I want to show a dialog when users click the X button to close the browser's window. In the dialog, it will ask users if they want to proceed

Live server installed but not working in VS code

I have installed the live server extension but the browser does not update after I save my HTML or other files. What might be causing a problem?

How to align the icons on the right to the center of the navigation bar?

I want to align the social media icon on the right in the center of the navigation bar along with the navigation link and logo. I'm trying to do something like

unordered list bullets don't work on safari

I have a simple unordered list with a custom bullet (>> instead of a Disc Bullets). It is working on Firefox, but not on safari. On Safari my bullets beco

Change disabled value in HTML document, if option element have specific value

I want if test2 is selected from <option> then disable all element inputs by via id element1. I try with if but dosnt work for me function myFunction(

Divs inside my ejs loop are not rendering

<div style="display: flex; flex-wrap: wrap; justify-content: center;"> <% guser._roles.forEach(async el => { let urole = await guild.roles.cache.g

validate input in Thymeleaf

I have this input: Masa: <input type="number" class="form-control form-text" name="masa"/> <div class="text col-sm-12 error" th:if="${wzrost}"

Step progress bar not working horizontal in mobile

I am trying to implement the step progress bar and I have done the below for the desktop version. Photo who works on the desktop like Desktop Version When I try

How to force prettier html formatting to format tags in one line?

I use prettier in my VSC, so how to force prettier HTML formatting to format tags in one line, not multiple lines? I want to format something like this all in

angular audio play on ngoninit not working

html code: <audio id="notification" src="../assets/audio/notification.mp3" autoplay="true" muted="muted"></audio> ts code: let audioPlayer = <H

Stylesheet for single object

I have a HTML page with a stylesheet linked in the head tag. I want to make an object with animations, and instead of using the original stylesheet for the anim

Why does in Bootstrap 4 not put the col-4 in a row?

I can't figure out why the col-4 doesn't work to have all 3 items in a row <footer> <div class="row"> <div cl

Play Sound when a specific cell change the Value google sheets

I am trying to run the code of this post, : Google Script: Play Sound when a specific cell change the Value with the recommendation of Rob Blakemore Could some

How can I override margin-block-start?

I included normalize.css I have margin:0 on the header elements I have margin:0 on every class on the page https://www.christianlong.design/SuperSmashBrosDB/php

HTML - How to select one id from a list of ids in querySelector

I am writing the following codes. There are repeating codes for the same function. I wonder if there is a way to include all the ids in one querySelector such t

How to select a Bootstrap class in JavaScript in order to perform style changes on it

I am trying to access a Bootstrap card element so that I can hide its display when I use a search function. Currently I access the element inside the card in my

How to remove whitespace when collapsing cards

I am writing a filter search to filter through cards of customer data. The search functions work, but when the cards collapse they leave degrees of whitespace w