CSS - Страница 906

I want to store the previous position while moving the cursor. I want increase the background-position of the the text if the current position is greater than the previous position, and vise versa.

let text = document.querySelector( .text ) let...

I am trying to create master card and i want a vertical line behind it. When i use backdrop filter on master card it works fine. But when i put it on its parent element ::before pseudo element come in front of master card. I can't even fix this with...

The problem im having is that im not able to get all images to be 2px apart from eachother left, right top and bottom.

I dont really know how to describe the problem much further. Sorry. I have no idea how to fix it, ive been trying for days...

I have two columns set to 50%, left with text and right with image that should fill whole column vertically. The problem is that when text is a little bigger, there is a gap below the image. Is it possible to always have the image occupy the full...

I am having an issue with @media print {} query. I am trying to make my portfolio look good in print. The link is:

When I try to print the page, the content is shifted to the right. The reason for that is following the code:

@media...

I am not sure if it's a doc bug from MDN but right now CSS text-align lists center along with left and right as Deprecated and Nonstandard .

I know left and right should be replaced with start and end but what about center? I have try...

I've used PythonAnywhere before, but this is the first project that utilizes a Django back end and React front end. What is strange is that if I run this exact project on localhost, there are no troubles at all. It is only when I host this website...

In product_detail.html:

{% extends 'partials/base.html'%} {%load static%} {% block content %} /* Basic Styling */ html, body { height: 100%; width: 100%; margin: 0; font-family: 'Roboto', sans-serif; } .containerbox { max-width: 1200px; margin: 0...

right now the HTML file gives me very weird issue when the image is added. When I remove the image, it returns to normal. I want to make the element alignment matches with the image.

body { margin: 0px 0px 0px 0px; } .top-navigation-bar {...

I want to customize a scrollbar with CSS.

I use this WebKit CSS code, which works well for Safari and Chrome:

::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #c2d2e4; }...

I want that cards moves from right to left with same height and width as shown in picture which works fine but i am getting window horizontally scrollable which i don't want. When i am putting width:100% the card width reduced which i don't want....

I've been trying to reproduce a simple table with rounded borders but I have a little conflict with the table border and the cells one. As you might see, the rounded borders seems doubled and pixelized.

Here is the HTML and CSS below.

table {...

I have a flex parent containing some buttons and a mat form field.

.toolbar { display: flex; justify-content: space-between; flex-direction: row; align-items: center; } menu Search search

all elements inside toolbar are at the center, but only...

I am currently learning Javascript and trying to create an accordion, and thing just don't seem to be going my way, I'll give an example of what i'm working on:

function add() { let parent = document.getElementsByClassName( relative ); for (let i...

In a project I'm working on, we're pulling over a bunch of YouTube videos that our media team has published into a database so we can present them as related content.

Something we'd like to be able to do is overlay a play button on top of the...

I have a created a calendar with js, css and html. I have managed to add one day events and longer lasting events - all seems fine when events are not overlapping, but when events are overlapping, the overlapping part is fine, but if there are two...

I have a table with cell editing using primeng which the data its completed by a API, so the table never has the same quantity of rows and the same order. I want to change the row color to red if the word size is wrong or green if the size is...

I'm using R and trying to publish a website using quarto, and it works perfectly fine after publishing and when I see it through desktop (both desktop and mobile version). But when I see the website with my iphone, and click the drop down menus, I...

My question is similar to this: React-native view auto width by text inside, but none of the answers there help. I have this:

hi hi hi greetings everyone! my name is nathantew I want the blue text to take up as much space as it needs to stay...

With this code in CSS:

.image-accordion{ background-size: contain; flex-grow: 1; background-position: center center; margin-bottom: 2px; transition: flex-grow 0.7s ease-in-out; @include respond-to(large){ height: 600px; margin-right: 4px; }...

I am using muddatagrid and I have set the height for the datagrid which changes dynamically based on screen size it dispays the scrollbar when the rowsperpage exceed the height. But the problem arises when the the number of records is less than the...

When using a element with .show() it is positioned according to normal position etc. CSS properties.

Is it possible to have that same positioning with .showModal()?

Even when using

dialog:modal { margin: 0; position: relative; } to override...

I have exposed part of my shadow DOM via the PART pseudo element. The caller of my Custom Element takes advantage of that by using CSS like: -

#disTick::part(endo) { box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);...

In conf.py I have:

html_css_files = html_js_files = However if I make any change in custom.js or custom.css then this change does not reflect to in the user's browser unless is forcefully reloaded on the client (similarly for CSS).

How can I...

I want to get this effect How do you achieve a fixed background effect where the image stays in place while scrolling through the page? How do you achieve a fixed background effect where the image stays in place while scrolling through the page? I...