Я пытаюсь создать таблицу с использованием HTML, на одной стороне которого находится изображение с rowspan из 10 и 10 строками текста на другой стороне.
Таблица здесь - https://ffe -dev.flowersforeveryone.co.za /
Мое изображение - прозрачный SVG, и я пытаюсь увеличить его, чтобыподходит для всей тд клетки.
HTML-код здесь -
<table class="table_seapoint" border = "1">
<tbody>
<tr>
<td rowspan="10">
<img class="alignnone size-full wp-image-4634" style="display:block;" width = "400" height = "400" src="https://ffe-dev.flowersforeveryone.co.za/wp-content/uploads/2019/10/smile_cape_town.svg" alt="Sea Point Flowers">
</td>
<td rowspan="10" width="60px"> </td>
<td colspan="4">
<h1 style="font-weight:lighter;font-size:28px; line-height:115%; padding-bottom: 28px;">stunning luxury flower bouquets
<br>freshly cut and hand-delivered in <br>sea point and across the western cape</h1>
</td>
</tr>
<tr>
<td><img src="https://ffe-dev.flowersforeveryone.co.za/wp-content/uploads/2019/08/tick_mark.svg" alt="Flowers Sea Point" width="56" height="56"></td>
<td style="padding-left: 10px;" colspan="3">
<h2 style="font-weight:lighter;font-size:22px;line-height:90%">best price promise</h2>
</td>
</tr>.............
Я устанавливаю ширину и высоту равными 400, и я использую следующий CSS-код, который, кажется, делает всю таблицу правильным размером. Iхочу -
table.table_seapoint img {
max-width: 400px;
max-height: 400px;
margin-top: -15px;
margin-bottom: -15px;
margin-right: -5px;
margin-left: -10px;
}
Я хочу сделать смайлик больше, но независимо от того, что я делаю, я не могу увеличить svg, не испортив весь стол. Может кто-нибудь, пожалуйста, скажите мне, как это сделать, пожалуйста? Я думаю, мне нужно как-то его увеличить?