html5

css cropping images

You need to crop and insert the normal, horizontal and vertical images in the div so that they completely fill the div withou ... v class="img_wrap"> <img src="https://image.ibb.co/hUgwvb/n.jpg" alt="normal" /> </div> </body>

Why do I need input type= "password"?

Of course, I understand that in the new version of HTML5, this field clearly indicates to the browser that we are writing a p ... being sent to the server is not encrypted, usually (if this is a registration form), and so it is only visually masked field

CSS button style as in the demo

How to make a button style like on the demo of this site (click on the link and there is a yellow button to view the demo). ... uttons in the picture of the iceberg. One is blue and becomes transparent on hover, the other is transparent and becomes blue

Background blur

How can I blur the background ? <body> <div></div> </body> I want the page backgrou ... r css) can only be applied to images. Ps. I didn't find the right question because they asked everywhere about the img tag.

CSS button with a gradient

How can I make a button with a gradient like this on CSS, and then when you hover over it, the gradient inverts (the colors change places)? Are there any online services for generating such buttons with a gradient?

Set svg fill in css

Good day to all! I decided to try using svg files in the layout, but I ran into a problem - the fill color is not set. I try ... lt, the icon is filled with black, although in theory it should be yellow. I ask for the help of experienced people. Thanks!

Bootstrap RadioButton doesn't work

I'm almost new to web programming. I have the following code, where I can not understand what is the reason why RadioButtons ... </div> </div> } </div> </div> </div>

Creating a link from an image with an alpha channel

Good afternoon! Please tell me if it is possible somehow, using HTML5, to create a link of any form, in the form of a blob. T ... e a lot of these blots and they will have to change color when you hover over them using css. Thank you very much in advance.

how to make a button in textarea

How to make a button in the textarea tag here is an example,not necessarily with a check mark just a button and I would like the text that will be written there not to go under the button.

Two nested tables of the same height

Layout problems. There is a container table. It has a single line that contains two cells. Each cell has another table. Quest ... e first, although ideally it is required that they are perceived as one common table. Is there any way to solve this problem?

Vertical-align doesn't work

There is a parent div (green in the example picture) and there are two independent div blocks with text and other elements in ... his word how to use vertical-align: middle, but the result is not what you need. It turns out identical as if I wrote bottom.

The alert() window does not work when the js file is connected externally

I'm trying to create a form on a site page. With the help of js, I would like to issue alerts like "you did not fill in the n ... div> <script type = "text/javascript" src="javascript.js"></script> </body> </html>

How do I center the text vertically?

There is such a code: Html: <p class="hst">Шаблон</p> Css: .hst { height: 50px; text-align: center; ... of the frame, and the rest of the frame is empty. How do I center the text vertically (without changing the code above)?

Adaptive video from Vimeo

Good time. I want to insert a video from Vimeo on the site and make it adaptive. I put the iframe in the block with the video ... problem, how to fix it? When I inserted a video from youtube in this way, everything was fine, there really wasn't iframe

Launching a video in an iframe

The site has a slider that displays videos coming from the supporter services (YouTube, vimeo), loaded in iframe. I need to s ... nside iframe to start and stop the video. Or is it unrealistic and will have to implement the arrows on the slider to scroll?

jquery drag and drop links

What I want to get: Image for visualization. The task is to link the blocks (dynamically stretch the arrow from one block t ... <div id="draggable1" class="ui-widget-content"> <p>Drag me</p> </div> </body> </html>

What does the crossorigin attribute mean for the img element?

As I understand it, the crossorigin attribute is used to process requests from other sources. I reread the Internet, but I d ... mg src="http://russian7.ru/wp-content/uploads/2014/07/20130215184904.jpg" crossorigin=""> </div> </body>

How to make an arc in CSS or SVG

How to make an arc on css or SVG, the length of half a circle. We need different options for the location of the arcs relative to the coordinate axes (4 locations)

The background should not overlap the text

I had a problem like Alexey:background-color over background-image in body Thanks to Hochru's answer, it was solved, but the ... solute; background-color: rgba( 255, 255, 255, .5); } <div class="body"> <p>Текст</p> </div>

Smooth back animation

.container { padding: 2em 0; width: 50%; height: 6em; margin: 3em auto; background: grey; } .item ... , it drops sharply. What do I need to add to the css so that when the hover effect is removed, the block smoothly falls down?