вёрстка
How to make a smooth image appearance when opening a site for the first time in css?
There is a picture on the site header and I want this picture to appear smoothly on the screen when the user opens the site i ... of the rough normal loading.
How can this be implemented without using js only on html + css?
I would appreciate your help.
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?
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?
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>
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).
box-sizing: border-box for the button:active
The css3 property box-sizing: border-box does not work for the button when clicked (i.e. the pseudo-state is :active)...
The ... -o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing: border-box;
border-top: 3px solid #c13135;
}
How to undo the properties of a pseudo-class:active for the dropdown element?
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport ... Question: And how to make the element drop out only when you hover over it, i.e. that the pseudo-class: active does not work?
Positioning the span block
How do I prevent the text from moving to the left edge?
You need to "Select a city..."was within the span block and was under ... n class="tlt">Город:</span> <span>Выберите страну..., Выберите город...</span></div>
</div>
Responsive doesn't work correctly in slick-slider
Hi, everybody) I want to make the slider appear at breakpoint 768 and below, but responsive works every other time and when t ... <div class="galeria-box___item">
<img src="img/galeria-img9.png" alt="">
</div>
</div>
How to make an image zoom when clicked with a white border appearing around the image
How to make an image increase when you click on it, with the appearance of a white border around the image and a cross for cl ... " >
<div class="features-circle">
</div>
</div>
Define a viewBox for svg, if it is not present in the svg itself
There are two svgs.
In the first case, the svg has the specified viewBox="0 0 57.21 126.47"
https://jsfiddle.net/5jaLdyex/
& ... oad this svg in the canva constructor, then it will define the size 57.21 126.47 even if the width/height/viewBox is not set.
Why is it that when you specify only the viewBox, the SVG is displayed on the entire browser screen?
Please tell me why the viewBox does not work for svg(the image of the cross).):
<svg style="border: 1px solid red" viewBox ... rendered very large. Why is this happening and how is it happening fix it?
Example:
https://jsfiddle.net/0esaf1rd/1/
Thanks!
How can I increase the size of the external div while increasing the internal one?
Hello.
Tell me, I do not fully understand how div layout works. When making up a page, often one div is inside another diva. ... ly with the inner one (so that they were mutually dependent blocks, so that the inner one could not go beyond the outer one).
Drop-down menu when hovering over the entire width of the screen
Https://codepen.io/Dasha_Novikova/pen/mdyOwXN
Good evening. I have a drop-down menu when hover. How to make a full-width dro ... function(){
$('.drop-down__mega-menu').css('display','block');
}
);
Tell me how to do it correctly and better?
How to add SVG code to wordpress
I have an SVG animation:
var lineDrawing = anime({
targets: '#lineDrawing path',
strokeDashoffset: [anime.setDash ... de in the right block instead of yoga.
Perhaps someone knows how easy it is to find the path to the files?
Code on codepen
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 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.
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 do I place an svg icon in the center of a circle?
How do I place an svg icon in the center of a circle?
.circle {
width: 80px;
height: 80px;
border: 2px solid n ... dius: 50%;
background: #e1e1e1;
}
<div class="circle">
<img src="img/vk-icon.svg" alt="Вк">
</div>