CSS - Страница 905

I am trying to open the expanded search bar with a search icon as well as a close icon on click using javascript. Here I am attaching my code. Your help will be appreciated in advance. I am also attaching the image so it can be understood very well....

I used other examples I've found to create two fiddles to invoke a custom context menu. In the first, it's barebones and it works as expected, namely: set a previously hidden div to visible and move it to the top and left position of the mouse...

I am building a page which features a header which is hidden out of view (negative TOP value) when scrolling down and returns to view when scrolling up. No problems there, working fine. I also have a menu on the page which features anchor links to...

I have something like this:

Hello World Fixed .main { height: 2000px; } header { position: relative; } nav { display: flex; flex-flow: row wrap; background: red; position: fixed; top: 0; left: 0; bottom: 0; } nav span { flex: 0 0 100%; } I've...

Is it possible to center (middle of the screen) the container of loading svg and text within a scrollable content? The content is sometimes is not scrollable. I manage to center it vertically but if the content is too long its not centered.

HTML...

I have a bootstrap card using the following code:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
I am using the following code to get my close button working:

The close...

I want to construct a website which contain open chat system, download and upload documents and gain tasks from user which can be completed by professionals and also add a payment system.

I want to the code and working procedure of this system....

I have an html document that I generate with clojure hiccup. When I send the file as an attachment to an email, the css gets stripped out. The css is external and being referenced in the head of the file like below:

[:head (include-css...

In hsl value, we can give opacity as

background: hsla(213, 34%, 12%, .5); and in rgb as

background: rgba(134, 231, 54, .5); I wonder how we can give opacity to hex value?

Источник:

Arrows could not be shown over the width

{ // Delay execution for the refs to be defined setTimeout(() => { // Override prevEl & nextEl now that refs are defined swiper.params.navigation.prevEl = navigationPrevRef.current...

Is possiblle lock a background from a modal in Primefaces?

In example basic, when you scroll down all screen is move, except the dialog. But, I need lock the body because all my components inside of dialog are moving too with the body in...

I have implemented a toggled side nav. The problem is that when the screen is initially set to 100%, the navigation menu occupies the entire height of the screen. However, when zoomed out to 80%, it appears perfect.

On 100% :

On 75%:...

const = useState( all ) setSelectedTab( all )}> All Products setSelectedTab( smartphones )}> Smartphones setSelectedTab( laptop )}> Laptop setSelectedTab( headphone )}> Headphone ... ... ... ... style.css

.tab-pane{ display: none; transition:...

I have been trying to make a responsive text section which has a paper like horizontal line grid and the text aligned properly on the grid.

I can achieve that if font size is not changing. I am wondering if this possible to do with plain css only...

I'm making the idea of new items for a shop online. When you add a new item to the cart, it would display how many new ones you added

Here is what it looks like now, I want to be able to center that text no matter the number. Assuming the...

we are developing an application in that application we are showing text in div like chat box direction but with a little curve like below screenshot.

Requirement screenshot(Marked in purple)

Required design

I have managed to create a dialog...

I've been working on a personal project that involves web scraping from Craigslist (like so and noticed that when I do any change to HTML (be that adding a whitespace or even duplicating the tab and copying over the exact same html), the formatting...

i created a todo list app using nodejs and wanted to add PWA (add to home screen feature) , on adding manifest.js file the browser console shows the following errors.

login:1 GET manifest.webmanifest 404 (Not Found) Failed to load resource: the...

I am trying to change the style of scroll bar in antd5 table version.

I have already changed the style in v4 it was worked but after upgrading it is not working

.ant-table-body::-webkit-scrollbar{ width:4px

It is working v4 but not in v5

Any...

I'd like to add additional spacers to bootstrap 5. I'm including it in sass and overwriting variables.

I want to avoid repeating bootstraps spacer definitions which are :

$spacers: ( 0: 0, 1: $spacer * .25, 2: $spacer * .5, 3: $spacer, 4:...

.scroll-transform-container { transform-origin: left top ; transition: transform .5s ease-out; animation: 1ms rotate45DegAnimation; animation-direction: alternate; animation-timeline: scroll(block nearest); perspective-origin: left top; } @keyframes...

Here is my code:

document.getElementById( Image_Panel ).addEventListener('paste', (event) => { console.log( Pasting an image step 1 ); const clipboardData = event.clipboardData; // Check if the clipboard data contains an image console.log( Pasting...

I'd like to make a website that seamlessly blends with Vision Pro UI. I want the background of my website to look similar to the the system settings windows. Does anyone know if it's possible to make a truly transparent/translucent background that...

I have an element that can be scrollable in the direction x which includes a tooltip:

.nav-item { width: 120px; } .scroll-container { width: 100%; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #dee2e6; color: black; }...

After adding overflow-y: scroll !important to the iframe's css, I am still unable to achieve the y-axis scrollbar feature. It's a major problem due to a form within the iframe which cannot be completed due to its contents being cut off.

HTML...