Category "html"

How divide HTML Page vertically into 4 sections

I want divide my HTML Page into 4 different vertical sections . I want each section to have a different background color, for that I used div but it each backg

How can data from a GET request be displayed in HTML?

When I click on my button, I expect the data from the endpoint to be returned. However, I get this error: Id:undefinedURL:undefinedName:undefinedDescription:und

flex container is reversing items

I have a flex-container with three items and the flex-direction set to row. I put different sizes for each of the three boxes so that they're in an ascending o

How to prevent svg on top of other div of triggering mouseleave

I have an issue with mouseleave. (React/Typescript/CSS/HTML project). Situation (see picture at the bottom) I got two div elements <> <div id="main"

Flask + sqlite + html

I need to make that when I click register on the site, the data is added as a new line in the database. But when the button is clicked, the site is simply updat

how to center the top links around a figure in hugo

I am getting into hugo, but am not sure how to go about creating a hugo site with tabs that are around a central image. As follows: What i can not figure out i

Element added to DOM has HTML / SVG attributes, but not the corresponding JS properties

I am using HTMX with Django to render a page which is basically an SVG with a lot of sticky notes () that you can move around on the page, like you might use fo

I am struggling to position/ remove whitespace from duplicate components

Here you will see the start of the NotesFromCoachesForWrestlers component circled The problem is When the notes on the component on the left increase the comp

I can't get the code to say reached, anything I try to assign to the array position returns [] instead of the current state (index)

let level = 1 const buttonColors = ['red', 'blue', 'green', 'yellow'] const gamePattern = [] const x = gamePattern.slice(gamePattern.length - 1, gamePattern.

Resetting the form fields and output of the function simultaneously

I am making a picture frame calculator. Therefore, I'm creating a reset button to clear the form fields of the calculator and the output of function calc() sim

Full page with nested flexbox and scrolling

I'm trying to do what I thought was a fairly standard sort of full-screen layout using flexbox, but it's not behaving the way I want. My goals are: Auto sizing

unhiding a h1 tag on the clic of a button

I am creating a to-do list. I want to unhide a h1 tag on the click of a button. But it is not working. could anyone take a look at this code. let a; // #create

How can i submit a form with logged in user as default?

After you sign up, you are prompted to the login page, and after you login, you are redirected to another page that contains a form used for gathering additiona

Align items horizontally in sinblings, without changing html structure

Like you can see from the snippet, there are 2 dynamically created flex div's (it can be more) Is there a way to align items horizontally, on bigger screens, wi

How to place elements with same class on a column and different rows with css grid?

I have a question "choice/match" and I need to put choices in a column and matches in an other column with grid css, my problem is the match column is overlappi

Vuetify carousel not taking up full width-height

I want to make a carousel that takes up the full width and height of a viewport. I'm using Vuetify in a vue.js 2 project. Here's my code: <head> <

Navigation Drop Down Covers Hero Image

My drop down navigation in the 1st and 2nd media queries just cover the hero image instead of pushing the hero image down, also the width of the drop down is su

Extracting contents of html into BeautifulSoup if search for script ID is a success

My html is below: <html> <body> <div> ... </div> <script id="1" ...> </script> </body> </ht

Button that redirects to another Page

I need this button to redirect me to another Link, and also keeps the gradient with it, its using Pure html, is ther a way to do, and also keeping it with the F

How would you create a button to format text in a <div> with JS?

I'm trying to make a basic text editor in HTML. I've got an editable div tag so far, and by using keyboard shortcuts, you can format it. However, I want it so t