Question

Нужно что бы конкретная таблица на странице была адаптивной
 

Код таблицы

 <table border="0" cellpadding="15" cellspacing="1" style="max-width:100% display:inline-block;">  <tbody>  <tr>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_tales_of_demons_and_gods_skazanija_o_demonakh_i_bogakh/2016-09-13-60"><img alt="" src="/posters/talesofdemonsandgods.jpg" style="width: 285px; height: 393px;" /></a></td>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_true_martial_world_istinnyj_mir_boevykh_iskusstv/2016-09-13-61"><img alt="" src="/posters/istinniy-mir-boevykh-iskusstv-1510912158.png" style="width: 285px; height: 393px;" /></a></td>  </tr>  <tr>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_tales_of_demons_and_gods_skazanija_o_demonakh_i_bogakh/2016-09-13-60"><strong>Tales of demons and gods / Сказания о демонах и богах</strong></a></td>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_true_martial_world_istinnyj_mir_boevykh_iskusstv/2016-09-13-61"><strong>True Martial World / Истинный мир боевых искусств</strong></a></td>  </tr>  <tr>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_quanzhi_fashi_professija_magistr/2016-09-13-69"><img alt="" src="/posters/1479452477_derlqzofha4.jpg" style="width: 285px; height: 393px;" /></a></td>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_law_of_the_devil_zakon_djavola/2017-07-28-245"><img alt="" src="/posters/427_o.png" style="width: 285px; height: 393px;" /></a></td>  </tr>  <tr>  <td><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_quanzhi_fashi_professija_magistr/2016-09-13-69"><strong>Маг на полную ставку / Quanzhi Fashi / Профессия - Магистр!</strong></a></td>  <td><strong><a href="http://ranobeonline.ru/news/ranobeh_lajt_novella_law_of_the_devil_zakon_djavola/2017-07-28-245">Law of the Devil / Закон Дьявола</a></strong></td>  </tr>  <tr>  <td><a href="http://ranobeonline.ru/news/mag_poedajushhij_knigi_the_book_eating_magician/2017-11-16-254"><img alt="" src="/posters/mag-poedayushchiy-knigi-1507748556.jpg" style="width: 284px; height: 393px;" /></a></td>  <td><a href="http://ranobeonline.ru/news/close_combat_mage_mag_blizhnego_boja/2016-07-16-59"><img alt="" src="http://myanimecorner.ru/img/images/ranobe/close_combat_mage.jpg" style="width: 285px; height: 393px;" /></a></td>  </tr>  <tr>  <td><a href="http://ranobeonline.ru/news/mag_poedajushhij_knigi_the_book_eating_magician/2017-11-16-254"><strong>Маг, поедающий книги / The Book Eating Magician</strong></a></td>  <td><a href="http://ranobeonline.ru/news/close_combat_mage_mag_blizhnego_boja/2016-07-16-59"><strong>Close combat mage / Маг ближнего боя</strong></a></td>  </tr>  </tbody> </table>  <p>&nbsp;</p>

 

Answer 1

Чтобы таблица был адаптивной ширину ей нужно задавать width=100% то есть в конкретном коде:

<table border="0" cellpadding="15" cellspacing="1" style="max-width:100%; display:inline-block;">

удалить красное и все, по другому таблицы не адаптируются и точку с запятой пропустили после 100%. Также добавлю, для фото которые используются в таблице, внутри ячеек, желатльно прописать значение style="max-width:100%; в ином случае фото которые большой ширины будут ломать адаптивность таблицы.

Comments

Изменил, ничего не произошло. 

---

Можно как-то сделать чтобы два столбца превращались в один когда экран будет меньше? 
 

---

iplook,

Таблица у вас адаптивная, а чтобы переносилась, с двух столбцов в один, ну это вам не дивная таблица, это лишь с дивами так можно, с таблицами нет. С таблицой у васт все получилось, вы лишь не приняли во внимание мой совет по изображениям внутри таблицы, а так все нормально.