Questions tagged [html]
HTML (HyperText Markup Language) is the markup language for creating web pages and other information to be displayed in a web browser. Questions regarding HTML should include a minimal reproducible example and some idea of what you're trying to achieve. This tag is rarely used alone and is often paired with CSS and JavaScript.
1,188,999
questions
0
votes
1
answer
12
views
How can I flip the even green boxes with the odd orange boxes?
I was building a website layout with a mobile-first approach and then using media query for laptop width: 1024px size. The design has 11 items and follows a flex that wraps. All the items are numbered ...
0
votes
1
answer
5
views
I noticed some irregularities when working with Tailwind's grid layout classes. What am I doing wrong?
While working on a layout system with different column grids I noticed that the gaps between the cols are somehow not exactly in line when working with fractions (fr). I also tried using percentages, ...
0
votes
0
answers
18
views
how can i solve this overflow problem on cols?
I gave 70vh height to cols.
It brokes on 3. col because of it has inside cols, it cant calculate right way to fit in. Example, I have tag on col:nth-child(3) col:nth-child(1) but it hides. you can ...
0
votes
0
answers
16
views
Identify problem in the post request in html
I am working on a Flask application that manages therapy sessions for children. Each session can have multiple goals, and I recently updated my models and form handling. However, I'm encountering a ...
0
votes
0
answers
18
views
How to make the clickable area of an anchor link image the correct size? [closed]
I have dropdown menu of 3 images. I am working on the media view so the images are very close to each other. What I want is to decrease, or if there is a way to make the clickable area exactly the ...
0
votes
0
answers
8
views
Border bleed on a button with slide animation
Problem
I am trying to create a button with a sliding animation. The button has a border-radius and uses pseudo-elements to achieve the effect.
Here is the markup:
<div role="button" ...
-1
votes
1
answer
17
views
Responsive layout using Tailwind CSS
I have Figma design for mobile application and for desktop application for my web page. I don't know how to apply both mobile and desktop versions on my code so when I open the app in my phone only ...
2
votes
1
answer
34
views
Is there a way to activate the printing header and footer using JS or CSS?
I've heard about @page in CSS, that can change margin, orientation, page break, but my question is: Is there a way to activate the "Headers and footers" option, for that when I open the ...
0
votes
0
answers
13
views
How do I "break" the Grid layout in a certain section of the page
I wanted to understand how can i "step out" of the grid layout.
I want the beige color to take the entire width of the screen
I tried to separate the component from the section yet it doesn'...
0
votes
0
answers
13
views
_TypeError while mapping data from an API
I am trying to use this API. I am sendig a GET request and data I got looks like this;
{
"info": {
"count": 826,
"pages": 42,
"next":...
0
votes
2
answers
15
views
How to use filter on background like background blur or brightness without effecting the text [duplicate]
I am working on a web project and I would like to apply a filter effect, such as background blur or brightness adjustment, to the background of a specific section. However, I want the text within this ...
0
votes
0
answers
13
views
Mark table with swipe gesture on mobile phone
I have the following code:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=&...
0
votes
1
answer
16
views
Refresh / Reload page on pause youtube iframe api
I have a problem with my code. I want to refresh the page on pause or exit of full screen. The exit on Full screen works. The pause using the youTube iframe API does not "onstatechange". ...
-2
votes
0
answers
44
views
How can I make all my images to fit in the screen? [closed]
const names = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", ];
...
0
votes
0
answers
30
views
How to automatically change the background color on left side of an HTML range slider?
I'm making an HTML music player project and I'm trying to make the left part of the <input type="range" value="0"> slider be black.
The slider is to show how much a song has ...