Оптимизация блока под мобильные устройства
-
Здравствуйте, уважаемые форумчане. Обращаюсь к вам с просьбой оказать помощь и содействие в решении вопроса по оптимизации табличного блока под мобильные устройства. Опишу вкратце: при просмотре сайта на ПК данный табличный блок выглядит следующим образом: скриншот как видно из изображения все корректно по всей ширине шаблона.
На мобильном же устройстве, все иначе данный блок не вписывается в размеры шаблона сайта, выходит за границы по ширине. Вот скриншот: скриншот
Ниже сбрасываю пример HTML:
<table width="100%" border="0"> <tr> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Пригласительные, открытки</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Оформление шампанского</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Фотограф на праздник</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Видеосъемка праздника</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Праздничные торты под заказ</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Свадебная флористика</a></td> </tr> <tr> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Оформление зала</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Воздушные шары</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Праздничный салют</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Ювелирная мастерская</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Голуби на свадьбу</a></td> <td><img src="адрес_картинки" width="54" height="54"/></td> <td><a href="адрес_странички">Свадебная фотокнига</a></td> </tr> </table>
Здесь я указал только первые две строчки таблицы.
Подскажите, пожалуйста, как решить данную проблему. Заранее благодарен. С уважением.
Просмотр 3 ответов — с 1 по 3 (всего 3)
Просмотр 3 ответов — с 1 по 3 (всего 3)
- Тема «Оптимизация блока под мобильные устройства» закрыта для новых ответов.