Проблема с виджетом VK
TiMzLeR
Воскресенье, 11 Сентября 2016, 17:06 | Сообщение 1
Здравствуйте,есть проблемка с виджетом вставляю его в блок и делаю в центр и все равно он уходит в правую сторону) подскажите может знаете как правильней сделать 1)Ссылка на сайт Мой сайт :) 2)Код виджета:Код
<script type="text/javascript" src="//vk.com/js/api/openapi.js?127"></script> <!-- VK Widget --> <div id="vk_groups"></div> <center><script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "288", height: "410", color1: 'FFFFF', color2: '008B8B', color3: '008080'}, 112528438); </script></center>
P.S Спасибки заранее
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 17:26 | Сообщение 2
во первых ты центруешь не div с виджетом а скрипт) во вторых эти теги уже устарели как и табличная вёрстка центрируют либо родителю margin: 0 auto либо align: center либо tex-align: center либо же задать размер ширины виджету такую же как у блока
No regrets
Сообщение отредактировал Angerfist - Воскресенье, 11 Сентября 2016, 18:46
Страна: (RU )
TiMzLeR
Воскресенье, 11 Сентября 2016, 17:36 | Сообщение 3
Angerfist, окей) значит так??? Код
<script type="text/javascript" src="//vk.com/js/api/openapi.js?127"></script> <!-- VK Widget --> <div id="vk_groups"></div> <tex-align: center><script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "288", height: "410", color1: 'FFFFF', color2: '008B8B', color3: '008080'}, 112528438); </script><tex-align: center>
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 17:41 | Сообщение 4
Если хочешь чтобы размер остался такой же то обычно блок ставят по центру не мудрствуя лукаво такКод
<script type="text/javascript" src="//vk.com/js/api/openapi.js?127"></script> <!-- VK Widget --> <div id="vk_groups" style="margin: 0 auto;"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "288", height: "410", color1: 'FFFFF', color2: '008B8B', color3: '008080'}, 112528438); </script>
No regrets
Страна: (RU )
Angerfist
Воскресенье, 11 Сентября 2016, 17:43 | Сообщение 5
TiMzLeR, а выше ты упёрто игнорируешь конструкцию блока и крутишься вокруг JS ))) Ширина блока указана тут, это 288Код
{mode: 3, width: "288", height: "410",
No regrets
Сообщение отредактировал Angerfist - Воскресенье, 11 Сентября 2016, 17:44
Страна: (RU )
TiMzLeR
Воскресенье, 11 Сентября 2016, 17:47 | Сообщение 6
Angerfist, Сделал так и поверь не помогло:Код
<script type="text/javascript" src="//vk.com/js/api/openapi.js?127"></script> <!-- VK Widget --> <div id="vk_groups" style="margin: 5 auto;"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "288", height: "410", color1: 'FFFFF', color2: '008B8B', color3: '008080'}, 112528438); </script>
Добавлено (11.09.2016, 17:47) --------------------------------------------- Angerfist, а как правильней сделать JS вить не как не мешает вроде бы.
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 17:48 | Сообщение 7
к margin пропиши px
No regrets
Сообщение отредактировал Angerfist - Воскресенье, 11 Сентября 2016, 17:53
Страна: (RU )
TiMzLeR
Воскресенье, 11 Сентября 2016, 17:49 | Сообщение 8
Angerfist, Блин не заметил,пять туплю
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 17:51 | Сообщение 9
А как ты смотришь, по центру или не по центру? если он по ширине блока виджет вплотную?
No regrets
Сообщение отредактировал Angerfist - Воскресенье, 11 Сентября 2016, 17:54
Страна: (RU )
TiMzLeR
Воскресенье, 11 Сентября 2016, 17:53 | Сообщение 10
Angerfist, Или у меня глаза косят и я не верно делаю или же все равно не получается :Код
<script type="text/javascript" src="//vk.com/js/api/openapi.js?127"></script> <!-- VK Widget --> <div id="vk_groups" style="margin: 6px auto;"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "288", height: "410", color1: 'FFFFF', color2: '008B8B', color3: '008080'}, 112528438); </script>
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 17:55 | Сообщение 11
Скрин покажи, я вижу что всё ништяк с виджетом
No regrets
Страна: (RU )
TiMzLeR
Воскресенье, 11 Сентября 2016, 17:58 | Сообщение 12
Angerfist, Реально? ТыЦ
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 18:04 | Сообщение 13
Короче либо уменьшай ширину виджета, я указал где выше, я только что проверил твой виджет на тестовом сайте, стоит чётко по центру...
No regrets
Страна: (RU )
TiMzLeR
Воскресенье, 11 Сентября 2016, 18:13 | Сообщение 14
Angerfist, Но я реально вставляю код и такая фигня выходит,не понимаю вот у меня стоит сейчас так:Скрин) Добавлено (11.09.2016, 18:13) --------------------------------------------- Нет разницы даже на этом тестовом сайте так: Скрин1 Вот еще:Скрин2
Три вещи никогда не возвращаются обратно - время, слово, возможность. Поэтому не теряй времени, выбирай слова, не упускай возможность.
Страна: (AZ )
Angerfist
Воскресенье, 11 Сентября 2016, 18:18 | Сообщение 15
Не ну ты чего такой упёртый, у тебя виджет больше ширины блоков, поставь вместо 288 268px
No regrets
Страна: (RU )