Как выровнять поля в таблице по максимально длинному?

shupike, Задайте любую высоту. Вы можете выбрать любую единицу измерения. 100vh я выставлял, чтобы сделать картинку на всю высоту области просмотра. То есть, при изменении окна браузера, картинка всегда будет во всю высоту окна. По поводу функции calc(99% - 474px), я подумал, наверное, будет лучше взять первым параметром 100%, так как если вы выставляете отступы слева от окна браузера, там, где картинка, и справа от окна браузера, там, где таблица в пикселях, то лучше эти размеры заложить в пиксели, то есть прибавить к 474px, иначе блоки могут поплыть, так как 1% и те отступы в пикселях, для которых вы оставили этот 1%, — разные величины. И ещё один момент, вы вчера экспериментировали с блоками без строчки background-size: 100% 100%;, то есть до вашего вопроса. Поэтому вас мог бы устроить вариант, когда блок с картинкой и таблица имеют процентную ширину: у вас усекалась картинка, я не сразу понял, что проблема в отсутствии её размера в блоке.

Как выровнять поля в таблице по максимально длинному?

shupike, У вас на 2-м скриншоте в классе .image-container нет background-size: 100% 100%. Может быть, картинка не занимает всю ширину контейнера div. И по поводу функции calc(). Я её ранее не использовал, у меня нет глубокого понимания её использования. Вы можете задать другие параметры, например, выставить ширину, которую можно взять для начала отсчёта, не 98%, а 100%, и отнять от них не 700px, а 720px, чтобы 20px были отступом между блоками.

Как выровнять поля в таблице по максимально длинному?

shupike, Задайте ширину для блока с картинкой в пикселях. Я для примера применил 700px. В классе .styled-table воспользуйтесь функцией калькулятором: `width: calc(98% - 700px);`. Я взял не 100%, а 98%, так как на вашем примере должно быть расстояние между блоками в 2%. Надо от 98% отнять ширину блока с картинкой (700px), всё, что останется, будет шириной для таблицы.

Как выровнять поля в таблице по максимально длинному?

shupike,





Удалите минимальную ширину `min-width`. Добавьте `background-size: 100% 100%;`. И обратите внимание, у вас два блока занимают больше 100% ширины родительского контейнера. Я определил средние значения для ширины картинки и таблицы. Вы выберите другие, но не выше 100% в общем для двух классов. 70/30 или 60/40, как вам нужно. Если интересует контекст, когда изображение не сжимается совсем, а только таблица, то уточните, какой минимальный размер может быть у фонового изображения? Сколько ему можно занимать на экране?

Как выровнять поля в таблице по максимально длинному?

shupike,

https://cdpn.io/pen/debug/GgpWzyW?authentication_h...

https://codepen.io/llyraxgz-the-sasster/pen/GgpWzyW

Я добавил несколько строк в старый код. Решение может быть странным, но это и для меня удивительно. Я добавил две строки для перемещения элемента вправо. Вторая строка смещает элемент вниз. Вообще, я такого раньше не наблюдал. Может быть, кто-то даст экспертный комментарий по этому поводу. В одном классе я разместил float: right; и clear: both.

Как выровнять поля в таблице по максимально длинному?

https://cdpn.io/pen/debug/myeWPRR?authentication_h...

https://codepen.io/llyraxgz-the-sasster/pen/myeWPRR



Я попробовал перенести table-layout: fixed; в .styled-table и добавил туда width: 50%;. Это приблизительная таблица, я немного изменил ваши данные, но ширину сделал наугад. Вроде бы ничего, но когда в блок «Поступил» добавил много текста, он вылетел за границы колонки. Вставил `overflow-wrap: break-word;`, чтобы этого не было.

Как выровнять поля в таблице по максимально длинному?

.styled-table tbody tr:nth-of-type(even) {
         background-color: #f3f3f3;
        table-layout: fixed;
    }

Подскажите, пожалуйста, для чего псевдокласс дочерних элементов? Данная строчка используется для стилизации чётных элементов. Смысл в том, как я вижу, table-layout: fixed управляет размером таблицы, тогда нужно указать её ширину с помощью width. Но зачем чётным строкам фиксированная ширина? Можно задать её для всей таблицы.

Как сделать такую сетку?

https://cdpn.io/pen/debug/gbagbEm?authentication_h...

https://codepen.io/llyraxgz-the-sasster/pen/gbagbEm">

Приблизительно получилось с флексами. Но с высотой и шириной надо поработать, так как я в этом немного разбираюсь.

Как сделать такую сетку?

Сделайте с помощью grid 3 строки и 3 колонки. Размеры сделайте автоматическими. А у фотографий задавайте высоту и ширину. Таким образом, фото сами растянут grid-контейнеры.

Как выровнять крестик?

Первый скриншот из Microsoft Edge: на нём буква кажется расположенной в середине. А в Mozilla и Яндексе визуально немного по-другому. Или это мне так показалось?

Как выровнять крестик?

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
  .modal{
    position:absolute;
	top: 1rem;
	right: 1rem;
    width: 24px;
    height: 24px;
    font-weight: 600;
    border-radius: 100%;
    cursor: pointer;
	color: red;
    border: 2px solid red;
	text-align:center;
	font-size:20px;
}
body{background-color: blue;}
  </style>
</head>
<body>
<div class="modal">x</div>
</body>
</html>

border "съедает" от размера блока свои пиксели. Насколько я понимаю, это 4 пикселя. Тогда размер шрифта в 20px как раз делает букву X в середине блока не только слева и справа, но и сверху и снизу. Так как размер div'а 24 пикселя, на скриншоте видно, что он стал ровно в круге. Но это моё предположение.

Почему при отправке HTML-формы данные не поступают в mysql?

ProjectSoft, Попробую, спасибо.

Почему при отправке HTML-формы данные не поступают в mysql?

Ипатьев, Можно попробовать MongoDB, но смысл в том, что на VPS нет MySQL Workbench для удобного просмотра таблиц, нужно будет выгружать данные из таблицы на HTML-страницу? Уже оттуда просматривать содержимое?

Почему при отправке HTML-формы данные не поступают в mysql?

Спасибо. Ответ помог. Подскажите, пожалуйста, нужны ли пулы подключений для отправки данных формы? И ещё вопрос, имеет ли смысл использовать MySQL для хранения обширных комментариев, например, примечаний, и в целом для хранения данных форм?

Как оформить сортировку по алфавиту?

Можно применить любой известный способ сортирования , но я не смогу осуществить сложное написание.

Как оформить сортировку по алфавиту?

void sort(std::string address* addresses, int size) {
for (int i = 0; i < size - 1; i++)
{
for (int j = 0; j < size - i - 1; j++)
{
if (addresses[j] > addresses[j + 1])
swap(addresses[j], addresses[j + 1]);
}
}
}
Подскажите пожалуйста в этом написании всё верно?