All Questions
509,687
questions
0
votes
0
answers
7
views
How to make the clickable area of an anchor link image the correct size?
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
4
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" ...
0
votes
0
answers
10
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-...
-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
29
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
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 ...
-2
votes
0
answers
40
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
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 ...
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 ...
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>
&...
0
votes
2
answers
49
views
Creating a title for an HTML page
I've started creating a simple page for an assignment and I'm trying to put a title at the top of the page but whenever I create a paragraph or h1 to do so it's placed next to the divs with the ...
-1
votes
0
answers
30
views
How to add a horizontal scroll onclick with a button or arrow?
I am trying to add a simple button to scroll horizontally, not using any libraries or anything just want to keep it simple. As of now I have the cards flowing horizontally in one row and there is the ...
-3
votes
1
answer
33
views
Including navbars using Php [duplicate]
I've been working on my first ever fully fledged web project to try and learn php, and after copying and pasting my top navbar into the 15-ish pages that I have and the styling for it into the 15ish ...
0
votes
0
answers
12
views
Data resolution are not changing when try to minimize the resolution
In Firefox browser, when opened in normal form all data moves towards right, while it appears correctly in Chrome and Edge. Also when I tried to minimize the resolution in edge or chrome all data ...