Category "html"

How do I use an animated SVG for navbar link hover, and position it properly?

I’m building my portfolio and it has a theme as if it's been drawn on paper. When you hover over a link on my navbar, the SVG animates from underneath, it

Accessibility compliance of specific table HTML

I have an HTML layout engine that has a common component that can switch between ol HTML, ul HTML, and table HTML structure <component> <ul>

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