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.
806,041
questions
0
votes
0
answers
7
views
CodeMirror Editor with Editor.js: Enter Key Moves Cursor Outside of Editor
I'm integrating a CodeMirror editor within Editor.js, but I'm encountering an issue where pressing the **Enter** key causes the cursor to move outside of the CodeMirror editor and create a new block ...
0
votes
0
answers
12
views
Responsive nav overlapped behind content with Scrollreveal
i got a problem with my website that I made, it seems that my sidebar is overlapped within my content, I already turned the z-index to high. this only occurs when I implemented the scrollreveal js ...
0
votes
1
answer
11
views
How to exclude only certain child element classes in Selenium's find_elements
What I want
<div class="first second">
<p>get text</p>
</div>
<div class="first second third">
<p>not get text</p>
</div>
For ...
0
votes
1
answer
21
views
Project landing page (freecodecamp) pricing design
I am working on building a project landing page from freecodecamp learning site. I have to design the following part
Now, following is my HTML and CSS code for this part.
.price-tag {
...
0
votes
0
answers
11
views
Several Functions non-functional, no code change
first time question, long time reader of answers.
So ever since Friday (July 19, 2024), our website no longer loads properly. No code changes were made but our preloader just spins non-stop. When ...
0
votes
0
answers
14
views
Automatic Horizontal Scroll Working But Manual Scroll Doesn't
I want a scroll bar that is able to automatically scroll as well as having two buttons that be manually clicked to scroll right / left.
Problem:
Manual scroll Buttons are not working but the ...
0
votes
0
answers
11
views
How to create conditional styling for Bulma CSS, similar to Pico CSS, without losing Bulma's design?
I'm trying to implement conditional styling for Bulma CSS, similar to how Pico CSS handles it (https://picocss.com/docs/conditional). My goal is to scope Bulma styles to elements with a specific class,...
-1
votes
0
answers
29
views
How to align div in background-image
I'm trying to setup a modal popup that uses a background-image with a list within it. But no matter what I try I can't seem to get the list to align and scale well when adjusting the screen width.
I'...
-3
votes
0
answers
31
views
Make it look like in the picture [closed]
Can anyone help me, how to make a display like this.
image description
https://github.com/Audyari/Button-Absolute
what should I use?
"Can anyone help me understand the HTML structure and CSS ...
0
votes
0
answers
14
views
How do I adjust the gap between the display cards so they are more together despite their size?
So I want to make it these displays more responsive with grid, so I add media queries to make them shorter but in turn their gap becomes much more bigger on the grid.
<section class="console-...
0
votes
1
answer
26
views
Aligning vertical scroll positions of related parts between main block and gutter
I am looking to find a less obtrusive way of rendering something like scriptural verse numbers. At the moment I have text something like this:
1 In the beginning God created the heaven and the earth....
0
votes
0
answers
21
views
Text renders once and then it disappears within div (textContent) in HTML
I am currently trying to spawn HTML, CSS, JS, and firebase code within dangerouselySetInnerHTML, and the text successfully renders within avatar-initials textContent (initials) for a millisecond, and ...
0
votes
0
answers
10
views
Why does the browser re-read a css file (instead of caching it)?
I have MudBlazor referenced in my App.razor as (Blazor server):
<link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
When I do an F12 to watch a page load, ...
1
vote
0
answers
7
views
How to disable matBadge animations in Angular Material?
By clicking on the icon, I want only the number inside the matBadge to change. I don't want an animation to be made when clicking. How do I do that?
<div class="action_like">
&...
0
votes
1
answer
13
views
Tailwind max-w-[number] not working past a certain point
My stack is Svelte 5 / Sveltekit / Tailwind / Daisy UI
I have a svelte component that uses a Daisy UI card and I am unable to get tailwind max-w-[number] class to work past a certain point to increase ...