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
0
answers
3
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" ...
- 217
0
votes
0
answers
9
views
show ellipsis after 2nd line if text crosses the width
I am trying to show ellipsis after 2 lines using CSS but isn't working.Below is the rendered HTML.
.lines
{
overflow: hidden;
max-width: 94%;
display: -webkit-box;
-webkit-...
- 699
-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 ...
- 1
2
votes
1
answer
23
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
12
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'...
- 617
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
14
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
11
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=&...
- 134
0
votes
1
answer
14
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". ...
- 19
-2
votes
0
answers
38
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", ];
...
- 91
0
votes
0
answers
29
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 ...
1
vote
2
answers
28
views
PHP HTML JS pagination
I have a page which feedbacks which looks like this (I just show 1 comment per page to see if the pagination works fine. Otherwise I'll show more):
The feedbacks come from a mysql database and are ...
- 593
0
votes
0
answers
5
views
How to position a graphic behind objects and align with the objects in HTML, and have them resize based on screen size?
I am trying to put a graphic behind some text boxes and have all the items center aligned. The basic idea is teh graphic shows a specific area of interest, and teh boxes are used to determine ...
- 11
0
votes
1
answer
15
views
Horizontal scroll exceed parent width
I have problem with horizontal scrolling, when slide-wrap width is smaller than parent width, then is inside q-page, but when I set width i.e. to 100% it is wider than parent. How to adjust width of ...
- 144
0
votes
1
answer
14
views
How to Align Checkbox with Paragraph Text in a Flexbox List Item Without Margins Interfering?
<li class="task-list-item">
<div style="display: flex; align-items: flex-start;">
<input type="checkbox">
<div>
<p>
&...
- 164