Category "html"

Slick slider mobile:first param not working (responsive not working)

I have slick slider implemented on a module and here's a summary of how I'm wanting it to function: <= 767px screen width: show dots (no arrows) and 1 slide.

Select specific child TAG but only if parent has no other children or text

I would like to use a CSS selector to select a specific child TAG but only if parent has no other children or text. In this specific case the <a> tag that

how to change image following mouse direction?

this the picture Hello can anyone help me to do this so i should make this by using css when mouse close to div, the picture will change to mouse direction i ca

typescript - detect if the div is overflow with text (not working if -webkit-scrollbar display is set to none)

Below mentioned code works fine if the scrollbar is visible. But it stops working once i use ::-webkit-scrollbar {display: none;} and -ms-overflow-style: none;

How to use CSSStyleSheet.insertRule() to change a :root property

I am trying to set the background color of the :root css property in my html file based off a hash in the url. The attached code works, but the hash doesn't per

How to align (input[type="checkbox"]+Label) to center horizontally on the page? [duplicate]

I am learning HTML ,CSS & JS, and I am stuck here. I want to align the checkbox and label to the center of the page and no matter what I t

Why my div is overlapping even I used white-space in my javascript slider?

I don't understand why the div is overlapping. I want my div to be exact I as I click next or back pages. Here is my code <style> * {

Alpine.js :class not working in second element

I'm starting to look into Alpine.js and trying to understand how it works. I have some html with one button to flip the background-color in two other buttons, b

JQuery autosubmit

I have a form with three input elements. I want to run my validate function when the last input element is not equal to null. Any ideas please. Here's the code

Django get_next_by_date conditions not rendering properly in template

I have a model named "Manga". In this model I have manytomanyfield object called chapters with this model. class Chapter(models.Model): chapter=models.Integ

Django get_next_by_date conditions not rendering properly in template

I have a model named "Manga". In this model I have manytomanyfield object called chapters with this model. class Chapter(models.Model): chapter=models.Integ

Make the <a> tag open two URLs (in two different pages)

I wanted to make the tag open two URLs at the same time. This is what I tried: Only HTML <a href="URL1" target="_blank" onclick="window.open('URL2');">te

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