Stack Overflow » CSS
96 FOLLOWERS
This section of the forum is dedicated to discussing CSS. Stack Overflow empowers the world to develop technology through collective knowledge.
Stack Overflow » CSS
56m ago
Below is the source code of the error page, and my only error suggests that Limited Quirks is causing issues, but it says that in order to fix this error, I must change it to which seems to already be the case. I am a novice at this and can't think of any solutions. If anyone can look at this and explain to me what I am missing, I'd be very grateful, thank you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sorry there was an er ..read more
Stack Overflow » CSS
2h ago
How can I prevent the lens from jumping when it is on the first image and show the result of the zoom correctly on the div of the zoom result?
And how can I make the lens appear on the other images, not just on the first one as it is in the gif? If not, follow the cursor and the position of the other images, it seems that the result of the zoom with the position of the cursor is correct.
I am using grid to display in a grid or ruler the images to which the zoom effect is applied.
this is my css code:
.imagen__cont__zoom .grid_contenedores {
display: grid;
grid-template-columns: repea ..read more
Stack Overflow » CSS
3h ago
I'm working on a web based calculator using Python and Flask. I have a HTML, CSS, and JS file for the styling, and I ran into an issue. I have an info-box that has a start-state and error-state.
start-state: This is the default state that the info box should be in. The default text is 'Enter value(s) below and select an operation.' If I make a calculation such as 1 + 1 = 2, that whole thing will print out in the info box (1 + 1 = 2). If I hit the clear button, it will change the info-box back to its default state where it prints 'Enter value(s) below and select an operation.'
error-state: This ..read more
Stack Overflow » CSS
3h ago
I use react-d3-speedometer for my project or I want to add my desire needle image in speed o meter, is react-d3-speedometer allow or any alternative package who allow to add custom needle image.
Thanks ..read more
Stack Overflow » CSS
3h ago
I am following this youtube tutorial (https://www.youtube.com/watch?v=MJUssi2c6Ls) and anything to do with javascript just isn't working. I am trying to follow to part at 27:02 in the video but the slides just aren't working at all.
This is what is happening to mine
This is the youtube video
I have tried everything but can't figure it out.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> ..read more
Stack Overflow » CSS
5h ago
I am making greeting cards with user input using Javascript and CSS. I need to be able to have the information that the user submits in the form populate as a card underneath. I have some CSS assigned though this isnt the issue currently. I have a lot of the javascript bones there but I cant figure out how to return those elements once submitted.
let form = document.createElement('form');
form.setAttribute('id','card-form');
let nameInput = document.createElement('input');
nameInput.setAttribute('type','text');
nameInput.setAttribute('id','name-input');
nameInput.setAttribute('placeholde ..read more
Stack Overflow » CSS
6h ago
I'm building a carousel a little different than usual, for this to be possible, I need it to be vertical because of its animations, but before building anything else, fancyapp's carousel module for some reason can't handle the carousel vertical. I've tried different ways to pull this vertical carousel, but either it doesn't even hold the carousel or it pulls horizontally, any tips on how to solve this?
https://codepen.io/Erick-Moura-Ruiz-Guedes-Cardoso/pen/oNOJrZJ
HTML
<!-- Fancybox Carrossel -->
<script src="https://twist-dev.com/modelo/wp-includes/js/carousel/carousel.umd.js">&l ..read more
Stack Overflow » CSS
6h ago
https://drive.google.com/file/d/1XK0iwvYxSmp9K6rikR_-r_h_E4z0IVeJ/view
problem is i am trying to put left right top and bottom in css but it wont work problem is i am trying to put left right top and bottom in css but it wont work
problem is i am trying to put left right top and bottom in css but it wont work
problem is i am trying to put left right top and bottom in css but it wont work
problem is i am trying to put left right top and bottom in css but it wont work
problem is i am trying to put left right top and bottom in css but it wont work
problem is i am trying to put left right top and ..read more
Stack Overflow » CSS
6h ago
When I use :not(::placeholder-shown), :NOT seems to be not working in safari browsers.
If you are not on safari: Below i added a way to use the safari browser with playwright so you can test it yourself.
app.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Validation Example</title>
<style>
input:not(:placeholder-shown):invalid {
border-color: crimson;
}
</style>
</head>
<body>
<form>
<input type="email" placeholder="" required>
<button type="submit ..read more
Stack Overflow » CSS
6h ago
I have a sample table that I want to use as a demo table so I created a static angular table with 5 rows. I want to added pagination at the bottom of the table but am having trouble getting it to display.
On the html page I have
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrl: './app.component.css',
})
export class AppComponent {
[x: string]: any;
title = 'my-angular-table-pp';
}
<style>
.mat-table {
display: block;
font-family: Tahoma ..read more