css

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>

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.

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.

Center alignment of the div block

Greetings to all once again for today. There is a property in the div that looks like this in css: .window { display: none; p ... ndow { display: none; position: fixed; align:center; text-align:center; top:100px; border: 0px solid #888888; z-index: 10; }

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>

Working speed: CSS vs JavaScript

Which is faster, and therefore which is better to use CSS or JavaScript. For example, there is a group of elements, and I nee ... perties using JavaScript? We are not talking about pure JavaScript, but the question is also relevant for it, but about GWT.

Bootstrap input

Tell me how to make the selection of everything and the buttons, too, and then somehow not beautiful <link href="h ... <i class="fa fa-search text-dark"></i> </button> </span> </div> </form>

Bold dot for list items in css

How to make a point bold and change its color in a list item using css

How to style input type = "password"?

I need to style input like this http://prntscr.com/r46e70 How can I do this WITHOUT replacing the input type with text? Thanks!!!

Design Input type= " text"

Hello, is it possible to change the design of the input text field? If possible, push in the right direction. I looked at Google, but I didn't find anything intelligible. Thanks.

Replacing the backdoor-filter

You only need to blur the background of the block. I know there is a backdrop-filter property for this, but it is poorly supp ... : white } <div class="block">adadwd</div> How can I blur only the background of the block in this example?

Alignment of elements inside a div

The topic is probably hackneyed, but there are still misunderstandings. I'm trying to make up a window with div-s. The result ... margin? Some padding-top and top take the value auto, even if they are set explicitly. the popup-left can't be moved either.

Pop-up feedback form when you hover over the image

How do I make it so that when you hover over the image, a modal window opens with a feedback form?

Raise label css

How do I make the label rise higher when the input or focus is filled, or if the empty one is returned back? .item-f{ ... t.classList.remove('input_filled'); } }); Writes Uncaught TypeError: input.addEventListener is not a function

How do I push a child block to the bottom of the parent block?

In the layout there is such a block, a fixed height, three more blocks are nested in it, the upper and lower ones are of a fi ... height, the one in the middle is not. I can't figure out how to push the bottom block to the bottom of the parent block.