Category "css"

Vertical divider CSS

I am creating a vertical divider, that works fine. But the CSS is cumbersome. The CSS is: .headerDivider1 { border-left:1px solid #38546d;height:80px;position

Nesting CSS classes

Can I do something like the following? .class1{some stuff} .class2{class1;some more stuff}

Creating a horizontal rule (HR) divider that contains text with Tailwind CSS

I want to create a <hr> divider using Tailwind CSS, but instead of the horizontal rule spanning the entire width of the page unbroken, I want to add some

Zoom in on text within an iframe

I created a iframe containing text, and I added a zoom feature that zooms in on the iframe using: document.getElementById("textarea").style.zoom = percentage; H

CSS-only detection of text overflows in HTML?

I've seen suggestions on using JavaScript for detecting and acting on text that overflows an HTML element. But it's 2013, so I was wondering if maybe the CSS s

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