Страница 1 из 11
Модератор форума: webanet 
Сообщество uCoz » Архивариус » Решённые вопросы » Проблема при создании виджетов ВКонтакте (Старая тема не помогла - что-то изменилось?)
Проблема при создании виджетов ВКонтакте
Hisimal
Сообщений: 11
Репутация: 0

Сообщение # 1 | 11:58:04
http://forum.ucoz.ru/forum/25-50787-1 - здесь сказано, как выровнять два виджета в одну строку.

Пробовала на своем сайте выровнять таким способом два виджета ВКонтакте - не получается, упрямо ставятся в столбик.

Использовала такой код (красным выделила рекомендацию по ссылке выше):

<div>
<div style="float:left;"
>

<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "220", height: "400"}, 58909225);
</script>
</div>
<div style="float:right;">

<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "220", height: "400"}, 50082368);
</script>
</div>
<div style="clear:both;"></div>
</div
>


Пожалуйста, подскажите: что я делаю не так, потому что виджеты упрямо ставятся один над другим. Причем второй над первым. Места на странице 100%.

Сайт http://hisimel.ucoz.ru , сейчас пока стоит только первый виджет с параметрами по ширине страницы.

http://hisimel.ucoz.ru - Песни менестрелей | Хисимэль
Inquisitоr
Эксперт uCoz
Сообщений: 900
Репутация: 338

Сообщение # 2 | 12:15:28
Цитата Hisimal ()
<div>
<div style="float:left;">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "220", height: "400"}, 58909225);
</script>
</div>
<div style="float:right;">
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups2"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups2", {mode: 2, width: "220", height: "400"}, 50082368);
</script>
</div>
<div style="clear:both;"></div>
</div>


id всегда должно быть уникальным. А у вас получается второй виджет вставляет данные в первый див, а не во второй.

Учитесь читать, читая - вчитывайтесь, вчитываясь - вдумывайтесь, вдумываясь - понимайте, поняв - делайте. ©
Hisimal
Сообщений: 11
Репутация: 0

Сообщение # 3 | 13:14:29
Inkvizitor, спасибо огромное!!!

http://hisimel.ucoz.ru - Песни менестрелей | Хисимэль
Сообщество uCoz » Архивариус » Решённые вопросы » Проблема при создании виджетов ВКонтакте (Старая тема не помогла - что-то изменилось?)
Страница 1 из 11
Поиск: