Category "css"

How would you create a button to format text in a <div> with JS?

I'm trying to make a basic text editor in HTML. I've got an editable div tag so far, and by using keyboard shortcuts, you can format it. However, I want it so t

I want to meet the following conditions by jquery but I am getting error somehow

I want to do all the following by jQuery and my HTML as well as CSS is below. The paragraphs start hidden. The paragraphs show and hide when their headings are

Wordpress + Elementor - CSS Loading problem

Good morning, We are using Elementor+Crocoblock on our Wordpress site and we have a problem with our CSS. It seems like it's not stored in the cache and every t

Trying to get 'Style' list for a GtkWidget

I'm trying hard to get a list of style properties for a GtkWidget (GtkButton). This is my code so far: #include <gtk/gtk.h> #include <stdio.h> #inc

height inherit not working with absolute position

I have an absolute element that is the background. I can't set it as the div's background because it is animated and it requires 2 css classes. I simplified it

How to Display Variable content

Is there a way to display my CSS-Variable's Content to my HTML webpage? My Variable's name is --pick-container-width and its Content is 5vh. Now I want (for tes

Full-page body in Chrome print-to-pdf: omit area reserved for header and footer?

I don't want to just suppress/disable the running header and footer text. I'm already setting the following CSS: @page { size: 6.6in 4.25in; margin: 0; } (

smoothly combining vertical and diagonal linear radients css3

I'm trying to make a pipe appearance using gradients. Though the corners doesn't blend well. How can I make the corner blend smoothly? (Already tried radial, an

Changing background color using ngClass and boolean is not working correctly?

I am trying to check an object coming in a back-end response to see if error.isCritical is true or false and setting the ngClass accordingly, i've tried many di

CSS nightmode is not changing black text to white (filter invert)

I'm using CSS to change the appearance of night mode on Anki/Ankidroid. Since I use lot of highlight and the regular nightmode only change the backround and the

Input field caret position problem in react

Hey, everybody. I'm new in web dev. I have a task on react to increase days in first part of string in input field by clicking 'ArrowUp' button. In addition mut

Pop up on hover <area> tag, HTML

I'm mapping some coordinates on an image map and I want to display a pop-up message, containing a description and an image on hover, but I can't figure out how

Moving Slide Buttons in Bootstrap Carousel not Working

I'm trying to vertically center the buttons for my bootstrap carousel using react. using inline styling I was able to change the height of the button itself, bu

Trust badges html css and script

I am trying to do custom badges on my store. I want to have 4 objects with info like "fast shipping". When clicking on one of them, a small descriptive text wil

Search bar won't stay at top with CSS position: sticky property

I am trying to make a search bar stay at the top of a div with position: sticky but the property doesnt seem to work. Googling it, I see that overflow: hidden a

How can I get the iOS Safari address bar to minimize on scroll with a flexbox sticky footer in a container?

I have a typical flexbox sticky footer solution that looks something like this: <body> <div class="wrapper"> <div class="header">P

Browser address bar displays #[object%20Object] when clicking the menubar

I found that if I click one of the sections in menubar, the browser address bar displays #[object%20Object]. But it didn't influence scroll-to-section. Partial

Is there a way to having loading animation show until the page is fully loaded?

I have deployed my website on netlify but, the website displays only HTML until it finishes loading... Any tips on a way to make the website only show once it h

Change header background colour when page scrolls on sticky header

i have a sticky transparent header using the following css code on my website www.obviagency.com CSS CODE: #site-header-inner { height:0px; z-index:170; margin

Video autoplay (HTML/CSS) not always working on phone, but sometimes it is

I'm trying to create a simple website and want to just have some videos autoplay. Now I'm aware there are some changes that make this a little bit harder than i