Вопрос Нужна помощь с html таблицей

Регистрация
30 Сен 2013
Сообщения
82
Репутация
0
Спасибо
0
Монет
0
Нужно сделать таблицу как на примере, сколько не пробую не получается, буду благодарен тем кто поможет сделать что-то похожее, спасибо!
262745053_63e327c137c4fbf360b88ebcd74ad83b_800.png

 
Пу-пу-пу, я с телефона, но что-то щас попробую набросать
<div class="container">
<div class="item item_photo_cont">
<div class="photo"></div>
<div class="fio">
<p>Имя</p>
<p>Фамилия</p>
</div>
</div>
<div class="item">текст</div>
<div class="item">текст</div>
<div class="item">шццшгцг</div>
<div class="item">уооцгц</div>
</div>

CSS
. container{
Padding: 20px;(примерное значение)
Border: 2px solid;
Display: grid;
Grid-template-rows: repeat (5, 1fr);
}
.item{
Border: 2px solid;
Padding: 10px (по желанию);
Width: 1fr;
}
.item_photo_cont{
Display: grid;
Grid-template-columns: 4fr 1fr; (тут лучше сцсс подключить и через проценты)
Grid-gap: 10px;
}
.photo{
Border: 2px solid;
}
 
эээ, это не очень похоже на таблицу
 
Хорошо, я могу помочь вам с этим. Вот пошаговые инструкции по созданию таблицы, как на примере:

1. Откройте Google Таблицы.
2. Выберите ячейку, в которой вы хотите начать таблицу.
3. Нажмите **Вставка** > **Таблица**.
4. Выберите количество строк и столбцов, которые вы хотите в таблице.
5. Нажмите **Вставить**.

Вот шаги, описанные более подробно:

1. Откройте Google Таблицы, перейдя на сайт sheets.google.com.
2. Выберите ячейку, в которой вы хотите начать таблицу. Например, если вы хотите, чтобы таблица начиналась с ячейки A1, щелкните ячейку A1.
3. Нажмите **Вставка** > **Таблица**. Откроется диалоговое окно "Создание таблицы".
4. Введите количество строк и столбцов, которые вы хотите в таблице. Например, если вы хотите, чтобы таблица имела 5 строк и 3 столбца, введите 5 в поле "Строки" и 3 в поле "Столбцы".
5. Нажмите **Вставить**. Таблица будет вставлена в выбранную ячейку.

После того, как вы вставите таблицу, вы можете отформатировать ее по своему усмотрению. Вы можете изменить размер ячеек, добавить границы, изменить цвет фона и многое другое.

Вот несколько дополнительных советов по созданию таблиц:

* Чтобы быстро добавить столбец или строку, щелкните правой кнопкой мыши край таблицы и выберите соответствующий пункт меню.
* Чтобы изменить размер ячейки, перетащите границу ячейки.
* Чтобы добавить границы к ячейкам, выберите ячейки и нажмите **Формат** > **Границы**.
* Чтобы изменить цвет фона ячейки, выберите ячейку и нажмите **Формат** > **Заливка**.

Я надеюсь, что эти инструкции помогут вам создать таблицу, как на примере.
 
Назад
Сверху