Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 September 14

Dc

Dmitriy code in HTML/CSS — русскоговорящее сообщество
чет не могу понять как флоаты работают
источник

5

59055 in HTML/CSS — русскоговорящее сообщество
Dmitriy code
чет не могу понять как флоаты работают
Я думал их уже никто не использует, когда есть флексы и гриды
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
59055
Я думал их уже никто не использует, когда есть флексы и гриды
Как это связано?)
источник

A

Aerial_accident in HTML/CSS — русскоговорящее сообщество
Dmitriy code
чет не могу понять как флоаты работают
Плавают по экрану себе. Так и работают
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
у флоатов своя стезя, у флексов своя
источник

ЕБ

Евгений Баранников... in HTML/CSS — русскоговорящее сообщество
Переслано от Евгений Баранников...
привет. Зелёная кнопка на картинке имеет margin слева к синему блоку. При увеличении, пока синий блок в пределах экрана, кнопка располагается относительного синего блока, однако когда синий блок уходит за пределы экрана, то кнопка позиционируется относительно окна.

Как сделать чтобы она не позиционировалась относительно окна, а продолжала располагаться относительно синего блока?
источник

ЕБ

Евгений Баранников... in HTML/CSS — русскоговорящее сообщество
может тут кто подскажет
источник

АИ

Александр Иванов... in HTML/CSS — русскоговорящее сообщество
Евгений Баранников
Переслано от Евгений Баранников
привет. Зелёная кнопка на картинке имеет margin слева к синему блоку. При увеличении, пока синий блок в пределах экрана, кнопка располагается относительного синего блока, однако когда синий блок уходит за пределы экрана, то кнопка позиционируется относительно окна.

Как сделать чтобы она не позиционировалась относительно окна, а продолжала располагаться относительно синего блока?
Маржин в фиксированных пикселях у тебя?
источник

ЕБ

Евгений Баранников... in HTML/CSS — русскоговорящее сообщество
да
источник

ЕБ

Евгений Баранников... in HTML/CSS — русскоговорящее сообщество
Александр Иванов
Маржин в фиксированных пикселях у тебя?
да
источник

АИ

Александр Иванов... in HTML/CSS — русскоговорящее сообщество
так задай в процентах
источник

АИ

Александр Иванов... in HTML/CSS — русскоговорящее сообщество
или vw
источник

АИ

Александр Иванов... in HTML/CSS — русскоговорящее сообщество
Кнопки еще часто при помощи text-align:center хорошо подаются
источник

AV

Andrey Vorontsov in HTML/CSS — русскоговорящее сообщество
59055
Я думал их уже никто не использует, когда есть флексы и гриды
флоаты изначально создавались для прилипания контента справа или слева от картинки. Для этих целей еще разумно юзать флоаты
источник

PP

Phenicius Phoxy ⌘ in HTML/CSS — русскоговорящее сообщество
Евгений Баранников
Переслано от Евгений Баранников
привет. Зелёная кнопка на картинке имеет margin слева к синему блоку. При увеличении, пока синий блок в пределах экрана, кнопка располагается относительного синего блока, однако когда синий блок уходит за пределы экрана, то кнопка позиционируется относительно окна.

Как сделать чтобы она не позиционировалась относительно окна, а продолжала располагаться относительно синего блока?
А почему у тебя не flexbox?
источник

ЕБ

Евгений Баранников... in HTML/CSS — русскоговорящее сообщество
Phenicius Phoxy ⌘
А почему у тебя не flexbox?
почему не флексбокс, он самый и есть
источник

PP

Phenicius Phoxy ⌘ in HTML/CSS — русскоговорящее сообщество
Евгений Баранников
почему не флексбокс, он самый и есть
Ну так, выровняй контент по column
источник

PP

Phenicius Phoxy ⌘ in HTML/CSS — русскоговорящее сообщество
источник

В

Влад in HTML/CSS — русскоговорящее сообщество
Всем привет, подскажите как сделать так чтобы границы  в таблице не сливались?
Вот сама таблица: https://codepen.io/yedovempastmao/pen/XWdYVKw
источник

K

Kicker in HTML/CSS — русскоговорящее сообщество
Влад
Всем привет, подскажите как сделать так чтобы границы  в таблице не сливались?
Вот сама таблица: https://codepen.io/yedovempastmao/pen/XWdYVKw
table{
 border-left: 2px solid black;
 border-top: 2px solid black;
}
tr,td,th{
padding:15px;
 border-right: 2px solid black;
 border-bottom: 2px solid black;
 border-collapse: collapse;
}
так например
источник