css

What is a float in CSS?

I can't figure it out float. Why do you need it?

Modal window, multiple images

There are, say, three pictures. It is necessary that when you click on the image, a modal window opens, where it will be like ... lass="close">X</div> </div> </body> <script src="app.js"></script> </html>

Adaptive HTML/CSS layout

body { background: orange; margin: 0; margin-top: -140px; width: 100%; height: 1109px; } #container { ... gled a lot of things, but I didn't understand how to fix it. How do I fix this? (Without changing the position of the blocks)

How to use HTML tags in CSS (content)

Hello, I would like to know how to use HTML tags in the CSS (content) field. Here is the code .hello { position: absolute ... 0000; } .timer:after { content: "<span id="Hello" class="Hello">Привет</span>"; content: "Бла бла бла : "; }

The content of the radio button is not removed

There is a radio button with loaded content, everything works except for one thing - when you click Show content of category ... категории 3 <br /> <div id = 'cat3' style = 'display: none;'>Содержимое категории 3</div> </div>

Css drop-down list

It is necessary to use only css to make a drop-down list each menu item in itself has several more (the first for example 2, ... make the height of the item when hovering increased by 2 or 3 times, depending on the item. Is this possible only with css??

SVG icon is not output via background-image CSS

Why is the svg icon added via background-image CSS not displayed? Code: .icon-social{ display: inline-block; wid ... 1.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5c107-30.7 185.3-129.2 185.3-246.1z"/></svg> Link to JSFiddle

Automatically change the SVG color depending on the color of the image under the SVG

There is a logo, in svg. I need to change the color of the logo white or black depending on the dominant color under the lo ... iv> </body> </html> P.S. Maybe there are other ways to solve my problem? Thank you in advance.

How do I show only the desired part of the image? HTML/CSS

Wanted the picture to be half below the edge of the document, but it expands instead. What is the best way to do this? Maybe ... ; margin: 0 auto; top: 250%; transform: rotate(-180deg); } <img class="skull" src="img/skull.svg" alt="skull" />

Install the calibri light font

@font-face { font-family: Calibri light; font-style: normal; src: url(calibri_light.woff); } p { font-family: ... ; Well, nothing at all, on the layout one thing on the site is different. I put all sorts of different syntaxes did not help

How to change the color of the hint in the input field

Hello everyone, I have another question about html5, a new placeholder attribute has appeared. In this regard, I have a quest ... ge the color of this hint from gray, for example, to red. Is it possible to do this using css or do I need to use javascript?

How to connect a CSS font to SVG

In the first image, the font is not tightened In the second image, what should the logo itself look like with the font appli ... x(1.3218 0 -0.2588 0.9659 573.8547 2211.6697)" class="st6 st4 st7">F</text> </g> </g> </svg>

How do I make the entire block a link?

Can you tell me how to make the entire block div a link? And also apply the pseudo-classes hover, etc.

Doesn't the background SVG display on the page?

I'm trying to use SVG as a background-image for a block, but instead of the background there is an empty block. What could b ... i.pinimg.com/originals/cc/ce/35/ccce355cc6f83a3b12ac4e752c795e69.jpg" mask="url(#cat)"> </image> </svg>

semi-transparent lines on the text background

Semi-transparent lines on the background of the text, by the way, this is a template for Django. HTML {% load static %} & ... 21 url("images/background.jpg") no-repeat; background-size: 100%; border:none; } The problem itself At scale 50%

Hyphenate a word to the next line if it doesn't fit in the width

When hyphenating words in a link, its block exceeds the required length on the right. How can I remove this indent so that th ... метолог/Дермотокосметолог/Дермотокосметолог/Дермотокосметолог/Дермотокосметолог/Дермотокосметолог/Дермотокосметолог</a>

Adaptive full-screen height for each block

How do I make the background height stretch when the browser window height increases? Padding is not an option, since the sit ... ition: center background-size: 100% 100% .wraper max-width: 1200px margin: 0 auto .logo display: flex

Cell width by content + text-overflow

There is a fixed-width table consisting of two columns. You need to use css to set: the width of the left column - by content ... the table increases. That is, you need this option: Column1 | Column2 Foo BarBar Column1 | Co2 Foooooooooo B...

How to configure CSS module in webpack without create-react-app?

In the base assembly create-react-app, you can encapsulate CSS by adding .module. Plus, after the build, the BEM methodology is applied to them, what modules or other things are needed for this in webpack?

Jquery and the pseudo-class:after

Hello everyone. Please tell me, is there a selector in Jquery for accessing elements with the pseudo-class "after"? Or how can I access such an element to change the CSS property?