Questions tagged [css]
CSS (Cascading Style Sheets) is a representation style sheet language used for describing the look and formatting of HTML (HyperText Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colors, layout, fonts, and animations. It also describes how elements should be rendered on screen, on paper, in speech, or on other media.
93
questions
0
votes
0
answers
4
views
How to show a V-Alert above a V-Dialog
I have a global v-alert that I use to show error messages or info, however in a v-dialog when I try to show the alert its hidden behind it. I've tried using elevation and setting the z-index on the v-...
0
votes
0
answers
10
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
6
views
Link Stroke Width Not Applying Correctly in JointJS
I am using JointJS to create diagrams, and I am encountering an issue with the stroke width of links between shapes. Despite setting the strokeWidth attribute to 1, the rendered link appears with a ...
-1
votes
0
answers
10
views
Tailwind css responsive design: overrides not being applied
I am making a website using svelte, vite and tailwind (through flowbite svelte).
I am facing an issue and I can't figure out how to fix it unfortunately.
I was using the flowbite navbar, but then I ...
0
votes
0
answers
14
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
7
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
22
views
Why is footer not taking 100% width?
I have this simple React app and my footer does not take 100% width (I see small white space on the left and right sides). Can anyone tell me what I'm missing, please?
Here's LIVE DEMO
Here's my css:
....
0
votes
0
answers
10
views
Run css loading animation on hover once (at page loading)
I am making css loading animation for a div that will show movie details on hover .here is my html code-
<div class="tooltips "><img src=".." alt="img">
&...
-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
31
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 ...
-1
votes
0
answers
7
views
Responsiveness problem with my div using Vue and Tailwind (Keeping the width when it should shrink)
<div class="flex flex-col bg-sky-600 bg-opacity-35 w-full overflow-y-hidden h-auto max-h-64 px-5 rounded-lg shadow-md pt-5 text-white shrink scroll-smooth">
<h1>TODAY'S ...
0
votes
0
answers
7
views
CSS Text flip animation working on web, android, but not on IOS safari/chrome
I am currently trying to use this text flip animation, but I realised that it doesnt work well on IOS safari/chrome. Doesnt work as in, the text flips, but the red flip text cannot be seen
When I ...
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", ];
...