• Здравствуйте, уважаемые форумчане. Обращаюсь к вам с просьбой оказать помощь и содействие в решении вопроса по оптимизации табличного блока под мобильные устройства. Опишу вкратце: при просмотре сайта на ПК данный табличный блок выглядит следующим образом: скриншот как видно из изображения все корректно по всей ширине шаблона.

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

    Ниже сбрасываю пример 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)
  • Тема «Оптимизация блока под мобильные устройства» закрыта для новых ответов.