Category "html"

Trying to loop through firebase and display each object as a card React

My data is structured like so [1]: https://i.stack.imgur.com/dWsr3.png I am trying to loop through the database and put the data from each card into props for m

Next.js Navbar gives a warning of Target Element not found when clicked

I am currently working on a next.js app, which contains a connect wallet button found to the right of the navbar, with the navigation links to the left of the n

My ::after hover effect is covering my Anchor text

Im trying to make a simple hover effect, but when i hover on the div, the ::AFTER background color covers the text but I want the text to come on top of everyth

HTML5 video tag fails to display high resolution videos

I have a simple webpage with a <video> tag. I tried assigning the src attribute of the video tag with URLs of two different videos, both about 2 and a hal

ag-grid - href download tag being ignored

Not sure if there is something I am doing wrong, or does AG Grid break some HTML5 attributes? I am using a cellRenderer in two columns and one I am using a stan

parcel-bundler won't install

new to web development and came across this error message while trying to build for production in the terminal. Tried entering: parcel build index.html Error me

'Error: A 'return' statement can only be used within a function body' - HTML Form

I am getting an error in my old HTML form onsubmit return statement. It was working perfectly fine before but recently the same statement is showing an error. I

Center a div to the right of an image inside a header

I want a header with an image attached to the left and a div with some text inside, to the right of this image. The div must contain horizontally and vertically

intersection oberserver used with a loop through all the elements ends in error

I want to show some cards on scroll and for that purpose I chose to use an intersection observer. But I ended up with: Uncaught TypeError: Failed to execute 'o

Data-content gets stuck on hover (Bootstrap)

Whenever I hover over an element and data-content shows on hover, if I scroll fast or quickly, the content gets stuck on page even if I scroll. enter image desc

Why my menu is merging with the input field ? I want it to be responsive

I am new to HTML CSS, can anyone tell me what am I doing wrong? * { box-sizing: border-box; margin: 0; padding: 0; } :root { --pink: #ff6161; --w

Why does a checkbox get checked after another checkbox above gets removed?

I have an array of my clients' pending requests that I iterate through, creating a div with relevant information for each pending request. Within each div, ther

How can I bind my selectAll button in Angular to an $event change?

May I know how to trigger the $event on the click of my selectAll button in Angular? My code are as follows: <div class = "col-md-auto" id = "container">

How do I center of this whole div class? Same with hovering

I was trying to center these div class using margin but when Im looking at the mobile view, its overlapping. I wanted to do to make it responsive by itself

TypeScript & React: What's the difference between 'React.HTMLProps<T>' and 'JSX.IntrinsicElements["T"]'

I am looking for the most "canonical" and/or "up-to-date" way to add a set of default HTML attributes as a set of allowed TypeScript props to a customized, "enh

How to stop the Api icon keep adding when click the buttons?

I have to create a web with two buttons to show each city's information. When I clicked the button the icon would keep adding every each time i click it. I have

I can't add labels to svg path

I want to add a custom-styled label to my object. this is my code of SVG: <svg height="512" version="1.2" viewbox="0

css overlapping background image with header

I am trying to make header with background image on it. This is the url :https://aionnyc.gogroth.com/specials/ Below is the URL of my implementation: https://ht

Element not appearing on hover

I made a basic website header and the respective menus should appear when you hover over the options but it doesn't work. When hovering over the options "Home"

button class with :focus does not show outline

I want to show that buttons have focus, especially when accessed by keyboard. I can tab to the buttons and Developer Tools shows that the button has focus. But,