Делаю таблицу адаптивной для мобильных. Поместил её в div, к нему создал класс .table_adaptive
Не могу сделать картинку больше присываю .table_adaptive>img {max-width: none;}, но не работает.
Также не могу изменить размеры столбца "Цена:"
{max-width: none;}
может стоит max-width: сделать 100%
а если хотите отменить действие этого стиля, то используйте unset max-width:unset;
ну и посмотрите перезаписывется ли стиль, если нет то добавьте !important
<div class="table_adaptive"><table style="border-color: #b8b4b4;" border="1">
<tbody>
<tr>
<td><img class="aligncenter size-full wp-image-844" src="https://gcp59.ru/wp-content/uploads/2017/11/прокат-Перфоратора-HITACHI-DH24PC3-в-Перми.jpg" alt="" width="200" height="200" /></td>
<td valign="top">
<p style="text-align: left;"><strong>Перфоратор HITACHI DH24PC3</strong></p>
<p style="text-align: left;"><strong>Характеристики:</strong></p>
<p style="text-align: left;">800Вт SDS+
24мм
0-1150об/мин
0-4600уд/мин
3.2Дж
3 режима</p>
</td>
<td valign="top">
<p style="text-align: left;"><strong>Цена:</strong></p>
10 часов 225 рублей
1 сутки 300 рублей
2 суток 255 рублей
3-8 суток 225 рублей
с 9 суток и более 180 рублей</td>
</tr>
<tr>
<td> <img class="aligncenter size-full wp-image-845" src="https://gcp59.ru/wp-content/uploads/2017/11/аренда-Перфоратор-MAKITA-HR4010C-в-Перми.jpg" alt="" width="200" height="200" /></td>
<td valign="top">
<p style="text-align: left;"><strong>Перфоратор MAKITA HR4010C</strong></p>
<p style="text-align: left;"><strong>Характеристики:</strong></p>
<p style="text-align: left;">1100 Вт 235-480 об/мин
SDSMAX 40 мм
9.5 Дж AVT
2 режима
кейс</p>
</td>
<td valign="top">
<p style="text-align: left;"><strong>Цена:</strong></p>
10 часов 525 рублей
1 сутки 700 рублей
2 суток 595 рублей
3-8 суток 525 рублей
с 9 суток и более 420 рублей</td>
</tr>
<tr>
<td> <img class="aligncenter size-full wp-image-846" src="https://gcp59.ru/wp-content/uploads/2017/11/Перфоратор-MAKITA-HR5001C-в-аренду-в-Перми.jpg" alt="" width="200" height="200" /></td>
<td valign="top">
<p style="text-align: left;"><strong>Перфоратор MAKITA HR5001C</strong></p>
<p style="text-align: left;"><strong>Характеристики:</strong></p>
<p style="text-align: left;">1500 Вт 120-240 об/мин
SDSMAX 50 мм
20,5Дж
2 режима</p>
</td>
<td valign="top">
<p style="text-align: left;"><strong>Цена:</strong></p>
10 часов 525 рублей
1 сутки 700 рублей
2 суток 595 рублей
3-8 суток 525 рублей
с 9 суток и более 420 рублей</td>
</tr>
<tr>
<td> <img class="aligncenter size-full wp-image-848" src="https://gcp59.ru/wp-content/uploads/2017/11/Перфоратор-МAKITA-780вт-напрокат-в-Перми.jpg" alt="" width="200" height="200" /></td>
<td style="text-align: left;" valign="top">
<strong>Перфоратор МAKITA 780вт (трех режимный)</strong>
<strong>Характеристики:</strong>
Мощность 780 Вт
Количество скоростей 1
Сила удара 2.7 Дж
Количество режимов 3
Режим долбления +
Реверс +
Число ударов 4500 уд/мин</td>
<td style="text-align: left;" valign="top">
<strong>Цена:</strong>
10 часов 225 рублей
1 сутки 300 рублей
2 суток 255 рублей
3-8 суток 225 рублей
с 9 суток и более 180 рублей</td>
</tr>
</tbody>
</table></div>
Городской центр проката - это отличный выбор перфораторов в аренду в Перми. Мы предоставляем оптимальное соотношение цены и качества услуг. Весь инструмент, предлагаемый компанией, находится в отличном состоянии и всегда готов к работе. Только у нас прокат перфораторов МAKITA, HITACHI на срок от 10 часов с доставкой в любое удобное время. Телефон для справок: +7 (342) 205-81-32.
<style>
.table_adaptive > table{
width: 100vh;
}
.table_adaptive
{
display: block;
overflow-x: auto;
}
</style>
Илья Деревянных, а вы не рассматривали вариант использования плагинов?
Вот, например Tablepress (он использует Datatables). Также есть дополнение TablePress Responsive
Или же можно использовать саму таблицу DataTables + DataTables responsive
