Автоматическое изменение размера таблицы
Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas
Правила форума
----
----
Автоматическое изменение размера таблицы
Всем доброго дня суток! Возникла непонятная проблема, на форуме сделана таблица в две ячейки которой вставлены скрипты Яндекс-карты для организации схемы проезда. Суть в том, что при уменьшении окна браузера или просмотре на другом разрешении весь форум автоматически маштабируется, а ячейки с картами остаются тем же размером что и были и выходят за границу форума. Что можно с этим сделать?
Сообщение добавлено... спустя 12 минут 27 секунд:
Такая же кстати ситуация и со вставкой скрипта ВКонтакте, тоже не масштабируется
Сообщение добавлено... спустя 12 минут 27 секунд:
Такая же кстати ситуация и со вставкой скрипта ВКонтакте, тоже не масштабируется
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Автоматическое изменение размера таблицы
Свойство overflow не подойдет?deavil писал(а):Что можно с этим сделать?
По коду - зачем у одной колонки позиция справа, а у второй по центру? Уберите это + в коде вставки замените оба раза, в обоих картах
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Автоматическое изменение размера таблицы
не получилось, в скрипте другой формат, без кавычек и проценты он не понимает. Там строка идёт так:DeaDRoMeO писал(а):замените оба раза, в обоих картах width:800px; на width:50%;
Код: Выделить всё
<td><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=h733nu0XZRCCgS4EEp2fC8z0AiwLjInz&width=800&height=250"></script></td>
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Автоматическое изменение размера таблицы
А если после <script вставить style="width:50%;" и удалить кусок &width=800&height=250
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Автоматическое изменение размера таблицы
не получилось, скрипт в таком варианте вообще ничего не отрисовывает, таблица пустая получается.
Сообщение добавлено... спустя 2 часа 55 минут 14 секунд:
написал письмо в техподдержку Яндекса, посмотрим что они скажут по этому поводу
Сообщение добавлено... спустя 2 часа 55 минут 14 секунд:
написал письмо в техподдержку Яндекса, посмотрим что они скажут по этому поводу
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Автоматическое изменение размера таблицы
Интересно что ответят
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Автоматическое изменение размера таблицы
Прислали ответ:
Воспользуйтесь параметром id:
https://tech.yandex.ru/maps/doc/constru ... t-docpage/
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Автоматическое изменение размера таблицы
Впринципе нужно убрать хвост где задаются размеры, и установить процентное соотношение ячеек в таблице ибо в документации написано что если размеры не заданы, то они регулируются внутри кода. Не разберетесь - давайте полный код шаблона в котором прописывали код
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Автоматическое изменение размера таблицы
Сергей, а я сделал ход конём, создал отдельный файл, map_locator.html, в нём прописано
и в index_body.htmp вставлена строка .
Вот и всё)
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<br clear="all" />
<table class="tablebg" width="100%" cellspacing="1">
<tr>
<td class="cat"><h4>Схема проезда</h4></td>
</tr>
<table class="tablebg" width="100%" cellspacing="1">
<tr>
<td><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=Ic8AF2gEsI1RPZN7Nz4dBp9QwhW7zTxN&width=800&height=250"></script></td>
<td><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=h733nu0XZRCCgS4EEp2fC8z0AiwLjInz&width=800&height=250"></script></td>
</tr>
</table>
Код: Выделить всё
<!-- INCLUDE map_locator.html -->
Вот и всё)
Автоматическое изменение размера таблицы
В общем и целом, включив голову, проблема решилась намного проще. Из параметров обоих скриптов убрал свойство width и добавил его к ячейкам со значением 50%. В итоге получилось следующее:
Теперь в любом браузере с любым размером рабочего стола всё нормально масштабируется.
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<br clear="all" />
<table class="tablebg" width="100%" cellspacing="1">
<tr>
<td class="cat"><h4>Схема проезда</h4></td>
</tr>
<table class="tablebg" width="100%" cellspacing="1">
<tr>
<td width=50%><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=Ic8AF2gEsI1RPZN7Nz4dBp9QwhW7zTxN&height=250"></script></td>
<td width=50%><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=h733nu0XZRCCgS4EEp2fC8z0AiwLjInz&height=250"></script></td>
</tr>
</table>
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Автоматическое изменение размера таблицы
Об этом я вам и говорил, но лучше убрать этот кусок
потому как эти теги вы даже не закрыли в конце кода и таблицу можно переработать вот так
Используя colspan="2" мы избавились от одной таблицы, полистайте если интересно - http://htmlbook.ru/html/table , http://htmlbook.ru/html/td , http://htmlbook.ru/html/tr , http://htmlbook.ru/html/th - там все про элементы таблиц и их свойства
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
Код: Выделить всё
<table class="tablebg" width="100%" cellspacing="1">
<tr>
<td colspan="2" class="cat"><h4>Схема проезда</h4></td>
</tr>
<tr>
<td width=50%><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=Ic8AF2gEsI1RPZN7Nz4dBp9QwhW7zTxN&height=250"></script></td>
<td width=50%><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=h733nu0XZRCCgS4EEp2fC8z0AiwLjInz&height=250"></script></td>
</tr>
</table>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Автоматическое изменение размера таблицы
Спасиб, поменял!
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Автоматическое изменение размера таблицы
На здоровьице))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!