All Questions
3,797
questions
0
votes
1
answer
39
views
super inconsistent animation in css and javascript
I want to make a scrolling button, where the text part scrolls out when you hover on it and scroll back when you stop hovering, but the animation is really inconsistent.
This code works on the first ...
- 19
0
votes
0
answers
49
views
How to work with z indexes in absolute positioning HTML, CSS
I am working on a functionality where clicking on an option in the menu will open up a Modal. The menu to display options has absolute position and modal backdrop has fixed position. The modal ...
- 41
0
votes
1
answer
59
views
+50
How to disable double-tap zoom on Safari mobile?
How can double-tap zoom be disabled on Safari mobile?
There are some rules for default behaviour: With text it somehow depends on font-size. Other types of elements also allow to be double tapped and ...
- 2,727
1
vote
3
answers
69
views
How to reduce the gap in TailwindCSS grid
I am using the TailwindCSS grid function to show the stats and their value.
I want to know how to decrease the distance/gap between the state and its value so that I can bring them closer to each ...
0
votes
0
answers
32
views
Download multiple files as a folder in JS [duplicate]
In JS, I have the following function to download one file from a URL:
export async function downloadFile(url: string, filename: string) {
const res = await fetch(url);
const blob = await res.blob()...
- 2,288
0
votes
1
answer
34
views
How do I move radio button to right side of the box [closed]
I am currently in css and using latest css version
I have tried vertical align right and manipulated other solutions such as margins and other potential solutions posted on this platform. But nothing ...
0
votes
2
answers
121
views
In a navbar how can I extend the dropdown menu horizontally across the width of the page container?
Currently, when I hover over an item in the navbar, a horizontal drop-down menu opens like this (note the width of the drop-down menu):
What would I like to achieve?
I would like to widen the ...
- 287
0
votes
1
answer
47
views
How to prevent content from overflowing in a skewed div element?
I encountered an issue where the text extends outside a skewed div.
I managed to straighten the text inside the paragraph, but this caused the text to overflow from the div.
.leftStyle {
...
- 1
-1
votes
0
answers
44
views
How to make the nav bar show over the hero
enter image description here
<!-- Nav bar Contains links to self and other pages -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-...
0
votes
1
answer
34
views
React: Horizontal overflow-x-scroll not working for flex container in Tailwind CSS
The Width of the h1s is too much for mobile devices so i Want to add a scrollable property but the overflow-x-scroll isn't working
<div>
<div className="mt-16">
...
- 1
0
votes
0
answers
25
views
Z-Index Issue: topbar-menu Not Overlapping msg in Fixed Structure [duplicate]
I'm having trouble with the z-index of elements in my layout. I need only the topbar-menu to have a greater z-index than the msg element, but my attempts to change the positioning types haven't worked....
0
votes
0
answers
33
views
line break makes second line go outside of circle [duplicate]
.circle1{
height: 150px;
width: 150px;
background-color: #BC903F;
border-radius: 50%;
margin-right: 15px;
line-height: 150px;
}
....
- 19
0
votes
1
answer
51
views
I am using angular kolkov editor using formcontrol, have to bind html in my editor
html code:
<angular-editor [placeholder]="'Enter task...'" formControlName="task_note" [config]="editorConfig">
</angular-editor>
<div class="icon" style="cursor: pointer" (...
- 27
2
votes
2
answers
50
views
How do I give gradient and make it a semicircle?
I can give a div this gradient and make it absolute and place it at the right position, but how do I make it semi-circle?
<div
className="absolute top-[50%] right-[-600px] w-[50%] h-[...
- 73
2
votes
1
answer
54
views
scrolling snapping to next item instead of moving continuously
I have a navigation menu with overflow-y: scroll property, this navigation menu consists of multiple items.
I want to know if there is a way that each time user moves the scrollbar, it moves exactly ...
- 1,885