Category "css"

How do I make a Navbar with my logo and differentiate with my background color?

In my project I want my navbar to fully stretch to its end and increase its height. This navbar is not full stretched. Also, I want my logo would come before re

Suneditor insertHTML

I'm trying to use the function: insertHTML As per manual: editor.insertHTML('TEXTO DE TESTE', true, true); I created a button and put a jquery suneditor.insertH

How to make Ioslides a solid white background?

Ioslides for Rmarkdown have this gradient background, and I would like it to be solid white. I tried two different ways to remove the gradient effect using a cs

child is not fully visible inside an "overflow-x: visible" parent

two questions in the example below: why grida is not centered horizontally -margin: 0 auto why cins is not fully visible - parent is overflow-x:visible .gri

HTML5 Form validation message doesn't show when scroll-behaviour is set to 'smooth' on html tag in Chrome

I'm having a conflict when setting the scroll-behaviour:smooth attribute on the html tag when there are form fields on the page using HTML5 Validation. You can

How do I repeat headers and footers fixed to top and bottom of document with CSS in iText 7 using pdfHTML converter?

When I use the following HTML+CSS to produce a table with header and footer it repeats the header and footer on each page when printing and when converting to P

Stretch body when navigation element is being hidden

Whenever I toggle the menu on the left to slide away, I want the body element to stretch to full width, how can I achieve this? Is using translate option not go

Is it possible to stroke "transparent" with SVG.js?

I'm using SVG.js and want to draw an invisible border around a shape. I use the stroke() method to do this, and I thought just setting the opacity option to 0 w

Display hidden not working with flex in Tailwind

I'm trying to hide a div in mobile, and display flex with md screen & above, here's my code: <div class="hidden md:flex"> <x-navbar.nav

CSS Image outside Clip-Path flickers during animations

Basically, I am trying to create a testimonial section with a circular image on left and some text on right. When the testimonial section is hovered the image b

How can I make the text and image be on the same level?

I am trying to make the text and image be on the same level but when I add the text the image moves, I am unsure on how to fix it and looking for help. I though

Why does the canvas have a black background?

Why does the below canvas have a black background? Because of it, the text behind the canvas is not visible. I need it to be transparent to show the elements be

Creating an experimental stimuli in JsPsych

I am a beginner in jsPsych and am trying to build an experimental task in which there will 3 boxes within which there will be a bar with varying values. The box

Calculating a matrix to invert a "flattened" 3D rendering context

Context: In my web app I create several groups of elements all positioned relative to each other in 3d space. All elements have transform-style: preserve-3d. A

Adding style to CSS classes in Javascript

I am trying to add an animation-play-state style to a CSS class on button click through Javascript but I am not sure where am doing it wrong. here is what I did

Can I use multiple selectors in :host() argument?

This is working: :host(.foo) .title, :host(.bar) .title { ... } I was expecting this to work, but it didn't: :host(.foo, .bar) .title { ... } Am I missing

Is there any way to use flex wrap to wrap on only one column?

Let's say I have 3 divs... HTML: <section class="features"> <div class="item"> <h3 class="item-name">Item1</h3> <

Are there any performance issues with inlining CSS rather than using "chunks"?

Modern frameworks like Vue and React start with inline CSS inside individual components. For example, in a Vue single file component, we include all the Javasc

Animation to center a div in the window

Hi I need an animation that makes a div go from left to center, but it doesn't work. This is my code: $(document).ready(function () { $(log).click(funct

HTML not being displayed properly in Flask, Python

I am trying to make a website using Flask. I have designed the HTML using TeleportHQ, a drag and drop HTML designer that gives you the HTML and CSS files. I hav