html

Dynamic shadow from the video

I have a video and I want to make a dynamic shadow of it. I was never able to do it, but I was able to do it with the image: ... block: <video autoplay muted loop id="awesomeVideo"> <source src="video.mp4" type="video/mp4"> </video>

Positioning using position: absolute; and margin/padding

Is it possible to position objects during layout using the position: absolute; tag and applying margin/padding?

How to create a mobile version of a website

I need to create a mobile version of the site, which is radically different from the computer layout and css. This is not just an adaptive template. The question is, how do I do this?

How do I make the modal window close when I click on the area around the CSS window?

Faced with the problem that I do not know how to close the modal window when you click around this window, on the page itself ... oes not work, the block appears instantly, and sometimes smoothly if you just reload the page, tell me in what is the reason?

Input placeholder

How do I make sure that the placeholder is not hidden when entering the input? input,select,textarea{ border-radius: ... ail" value="" placeholder="Email"> <input type="text" class="field" name="password" value="" placeholder="Пароль">

Sending files from a website to Google Drive

I'm looking for a solution to the problem on the Internet, maybe someone can tell me here. The situation is this, a Google fo ... for me, the data is entered in the table, and the files do not fall into the folder, I changed 2 idishnik tables and folders

Setting up a theme for Drupal 7

Hello. Previously, I only made up all sorts of Landing pages, but now you need to make a template (not a landing page, but a ... aight from the layout starting, then how, what and where to cut, what comes from where?.. Thank you in advance for your help!

Box-sizing doesn't work

Hello. There is a trace. markup: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm ... .cols container display:inline-block, everything works as it should. Code in jsbin. Why doesn't box-sizing work in this case?

Cost Calculation Calculator

There are two sliders, the number of calls and the average duration of the call. There is a total cost of the call. The value ... with the implementation, please. (The noUiSlider slider, I couldn't load it here, so I wrote the value for input manually).

How do I arrange div blocks in multiple columns?

The number of blocks is different each time, from 1 to 40. You need to arrange them like this: 1 7 2 8 3 9 4 ... 5 6 The ... ; <a href="" class="c">Шестой</a> <a href="" class="c">Седьмой</a> .... </div>

Right-alignment of flex elements

Can you tell me how to correctly align the elements on the right edge in my example? .header { width: 100%; heigh ... <a href="#">Подвал</a> </li> </ul> </nav> </div> </header>

How to pass the id of the current element

Eg: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/calkulator3.js"></scrip ... ou can create one that will determine the id of the pressed button and already pull the value from this ID. How do I do this?

Alignment of bootstrap table elements

I have the following table on Botstrap'e: <table class="table" border="1"> <thead class="thead-dark"> ... at the text in the first four columns always adjusts to the height of the cell and is centered relative to the vertical axis?

Vertical center alignment of an element in Twitter Bootstrap

Faced with such a problem. In Twitter Bootstrap, the element is not aligned vertically (centered) inside the block. HTML cod ... r: 1px solid #fff; display: table-cell; vertical-align: middle; } Without using this framework, everything works correctly.

Bootstrap 3, menu nav-pills

How do I select the active (clicked) section/link in the menu? What JS should I add from Bootstrap and what should I add to t ... ;/a></li> <li><a href="#">Messages</a></li> </ul> Example menu: changeip.ru

Smooth block appearance

I have such a section of the markup (I will immediately make a reservation that the markup was not done by me, it was provide ... in_modal").fadeIn("slow"); }); </script> But no smooth appearance occurs. Tell me, where did I do something wrong?

Scaling the image with the same aspect ratio

I have this div: .photoBorder { width: 120px; height: 120px; border: 1px solid black; } .photoImage { t ... : height or width. And it is also necessary that it is located in the center, and the free edges are filled with black color.

Align the block to the center of the parent block

Hello. You need to align the block in the center of the parent block(one div is nested in another), using only CSS. Regardles ... entages, pixels, points, or whatever). Everything I found on the Internet does not work(I looked in FF 6 and the last Chome).

How to determine the even / odd rows of a table?

How to define even / odd table rows via css? So that row styles alternate.

Image over image HTML CSS

Good evening! There is a bulletin board where there is a general list of ads in rows. If you enable the "VIP ad" function, t ... ss="bd_image_small" src="/images/board/small/{$con.file}" border="0" alt="{$con.title|escape:'html'}"/> </td>