Показать сообщение отдельно
  #1 (permalink)  
Старый 28.01.2020, 08:28
Кандидат Javascript-наук
Отправить личное сообщение для Lefseq Посмотреть профиль Найти все сообщения от Lefseq
 
Регистрация: 19.04.2019
Сообщений: 124

Как расположить изображение поверх и по центру таблицы?
Здравствуйте. Помогите, пожалуйста. Имеется таблица и изображение. Нужно чтобы изображение размещалось поверх таблицы и точно по центру этой таблицы.

Пример простейшей таблицы:

<table border="1">
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     <tr>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     <td>ячейка</td>
     </tr>
     </table>


Пример изображения:

<img src="https://fsd.multiurok.ru/html/2019/02/04/s_5c57eebe8d949/1075492_11.png">


Должно получится вот так - https://prnt.sc/qttk0e

Подскажите, как это сделать по средствам html и css?
Ответить с цитированием