|
Проблема с виджетом 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 ] |
| |
