Category "css"

How to find out if a selected text is surrounded by an html element of not

I am implementing a simple text editor with content editable div and a two buttons, one for bold text and one for italic. The way I am making a text bold or ita

Clamping lines with line-clamp and nested p tags

I'm trying to use the -webkit-line-clamp attribute (as seen https://css-tricks.com/almanac/properties/l/line-clamp/) but it doesn't seem to work with nested tag

How to add spacing between columns?

I have two columns: <div class="col-md-6"></div> <div class="col-md-6"></div> How can I add a space between them? The output would simp

CSS Scroll Snap Points with navigation (next, previous) buttons

I am building a carousel, very minimalist, using CSS snap points. It is important for me to have CSS only options, but I'm fine with enhancing a bit with javasc

Visual studio code CSS indentation and formatting

I'd like to know if there is any way to activate auto indent a CSS file in visual studio code with the shortcut ALT+SHIFT+F? It's working fine with JavaScript

Is there a way to make the bottom half of a background image completely white?

new user here I'm currently working on a personal project and wanted to know if there was a way to take this image, https://unsplash.com/photos/XXA8PTuLD1Y, and

CSS background-image not showing, but does when I apply style to the element in dev tools?

I am using Webpack to load an image to use as a background image. When I apply it using CSS, the div takes on any property I give it other than a background ima

How to align two divs side by side when one has margin auto

I have a div that has margin: auto so it can float in the center of the page. This page also has a zoom feature that zooms in on that element and I want there t

How would I convert a css3 animation to a video?

How would I convert a css3 animation to a video?

Jenkins Content Security Policy

I'm confused about Jenkins Content Security Policy. I know these sites: Configuring Content Security Policy Content Security Policy Reference I have a html p

How to solve CSS intellisense for VSCode not working?

Well, this is embarrassing, basically, the CSS Intellisense stopped working out of the blank, not sure if I can relate it with the installation of TailWind Inte

How to dynamically create '@-Keyframe' CSS animations?

I have a requirement to rotate a div and stop at a particular position ( The value will be received from the server). I tried native JS to rotate and stop but

Is it possible to write HTML-withASP-withJavascript-withCSS in EMACS?

I am enjoying learning the EMACS text editor...but I can't help thinking that the HTML mode could use some work. I am currently programming in Legacy ASP/Jav

How can I make a table cell have a minimum width of 3 digits?

How can I make each cell in my table have a minimum width of 3 digits and not much larger? Now I am hard coding min-width, but I don't like to hard code a value

Modal With Another Modal Causes Scroll on Body

https://jsfiddle.net/e6x4hq9h/ Open the first modal. It opens fine. Removes the background scrollbar. Open the modal from within that modal. It causes the scr

Centering two lines of text next to one line, HTML/CSS

So I've made what I'm looking to achieve in jsfiddle. I'm wondering if there is an easier way to achieve this same effect: <div class="date"> <spa

Reset link colour to browser default

Is there a way to reset visited and unvisited link colours to the browser default after they have been changed? In my specific situation, I have a main style f

nextjs global css header element doesn't apply to a parsed markdown, replaced by tailwindcss instead

I tried to parse markdown into html. the markdown does parsed as expected, the problem is it doesn't render to what I expected. I expected the header to be auto

CSS tabs with rounded base (smooth base transition) [duplicate]

Hi I am looking for the most efficient way to create a "tab" with HTML/CSS with rounded corners but also a smooth, rounded transition to the b

How to add border radius on table row

Does anyone know how to style tr as we like? I've used border-collapse on table, after that tr's can display 1px solid border I give them. However, when I've