html5

How do I remove content for:after using:last-child?

I'm using the pseudo-element :: after for paragraphs with the class .nav_butt added content:"|", which should separate the pa ... px 4px; display: inline-block; font-size: 15px; } .nav_butt::after { content: ' |' } .nav_butt:last-child { }

Converting mm to pixels

Faced with such a problem - I need to set the size of the canvas element 93mm x 53mm, but I can only set the size in pixels. ... a different number of pixels, depending on the resolution of the monitor. Please tell me what I should do in this situation?

How do I make it so that when you hover over an image, an inscription, a link appears and the background of this image changes?

<div class="container"> <div class="latest__works__images"> <img class="latest__works__images__item" alt ... <img class="latest__works__images__item" alt="" src="img/Works/work__image__9.png"> </div> </div>

Set three background images and their style

The page has 3 background images: the topmost , middle, and bottom. The first image should always be fully displayed on the s ... and third are clipped (left and right) if the screen is too small, i.e. should not stretch. What is the best way to do this?

how to remove the black horizontal bars from the video on the site inserted through the youtube iframe?

I set the video to be in the block on the right the block width is eight 460 px I made the video stretch over the entire blo ... dia; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> And it turns out like this

Background squares with the distance between them and the gradient

How can such a background be made up of squares with the distance between these squares and the continuing transition gradient? Moreover, the distances between the squares should be transparent. Is it possible?

Image rotation via CSS3

You need to make a preloader for the mobile app from this image So that it rotates when it is shown, this code only works ... clically and how to make the animation happen immediately at the moment of showing the diva with this image using only csc3.

Location of the css image in the site header

There is a picture drawn using css + html Css robot_logo{ position: fixed; margin-top: 0px; float: left; } .a{ ... } I'm trying to make this picture instead of logotip. png But instead, it goes beyond the boundaries of the block heading

Using the aside and article tags

I don't know about you, but I think the html5 markup is a bit confusing, so for example, the examples indicate that the main ... /article> <footer> </footer> Will there be such a code from the point of view is the semantics view correct?

Why the border-radius top,right,left property doesn't work.bottom in FireFox at the table?

Hello everyone I'm trying to make rounded edges for the table, but for some reason the border-top-left-radius, border-top-ri ... 0 padding-top: 1.5rem padding-bottom: 1.5rem At the same time, it works beautifully in Chrome. What am I doing wrong?

Different images on the same src

There is a url where I always get a different picture. For example https://thispersondoesnotexist.com/image. I want to displa ... ictures are the same. What kind are there any solutions to the problem? (the domain for which I receive images is my domain).

How do I make side lines from text in css?

How best to make these lines And at the beginning, the line is more bold.

Animation of the departure of the sitbar

There is a sitbar, its extension and movement need to be animated , but using the animation property, only the first one is o ... lt;body> <div class="buttom"> <div class="saitbar"></div> </div> </body>

How to write the BR tag correctly?

There was a question about the br tag. How to write it correctly: <br>, </br>, or <br />?

Polka dot background on css

How to make such a background on css? And is it possible? Thanks!

What is the role="presentation"task?

Hello. In which cases and for which tags is role="presentation" used? If I understand correctly, it is used for a block that ... ly auxiliary elements for correct markup that do not have valuable information. Any rol attributes inside it will be ignored.

How do I animate the wheels of a png image of a car moving and stopping using CSS?

I'm trying to animate a car using CSS. I managed to animate the wheels and the car. The car moves and stops, and then drives ... } If you run my code, all the wheels will be jittery tremble. Can someone give me some advice on how to fix this?

How do I stop setInterval()?

It is necessary that after the creation 100-go the setInterval element was turned off. Is it possible to do this without crea ... left; box-sizing: border-box; } <button onclick="foo()">Create</button> <div id="field"></div>

The block is superimposed on the section

The section is superimposed under the block, in which all the elements are absolutely positioned. .category__info { te ... y has a height of 0. I assume that this is due to the absolute positioning, but I do not understand how to solve the problem.

Rectangular trapezoid div

How to make a rectangular trapezoid from a single div. Not from two (triangle + rectangle), but from one at once. You can make an isosceles trapezoid, but it won't do. You need exactly Example. Because inside I want to fill in the text.